WordPress站点速度优化

  站点优化的好处是非常多的,从大方面来说主要有以下几点:

  1. 页面加载速度成倍的提升

  根据站点原始状态和优化程度的不同,提升的效果也不一样。一般来说可以提升3~5倍。

  2. 降低站点流量

  对于流量受限制的空间来说也就相当于节省了银子。

  3. 降低服务器负载

  流量节省的同时,也降低了服务器的负荷,对于CPU使用率受限、并发数不限的空间来说,也就意味着提升了最大并发数。

  既然好处有这么多,那当然是要对站点做优化了,下面具体说一下如何优化站点:

  1. 诊断分析

  在优化站点之前,先使用站点在线分析工具进行分析。

  目前可以在线分析站点的网站有很多,不过最为推荐的是GTmetrix(http://gtmetrix.com),

  这个网站可以对站点进行全方位的检查并给出优化建议及当前评级,并且还提供了非常全面的检测报告PDF格式下载功能。

  除了GTmetrix,百度也提供了网站速度诊断工具,前提是要安装百度统计(http://tongji.baidu.com)之后才能使用。

  建议最好是结合这两个分析工具对站点进行分析检查,对站点的大致情况有一个认识,了解亟待解决的一些问题。

  2. 页面静态化

  什么是页面静态化就不多介绍了,搜一下就有很多全面的介绍。

  WP静态化的工具就是用cos-html-cache,具体的安装及用法参见:安装WP后几款必装插件。

  3. 压缩javascript、css

  这里的压缩不是指使用压缩算法对源文件进行压缩编码,而是去掉文件中的空格换行注释等一些无用字符,通俗的说,就是把文件压压紧。

  压缩javascript的工具可以用jsmin,用法是在命令行中输入命令 jsmin.exe newFile.js

  originalFile.js要与jsmin在同一目录下。

  也可以用站长工具提供的在线压缩工具: http://tool.chinaz.com/Tools/JsFormat.aspx

  但是对于一些较大的js文件还是用jsmin进行压缩比较好。

  css的话就用站长工具提供的css在线压缩工具就可以了: http://tool.chinaz.com/Tools/CssFormat.aspx

  4. 合并javascript、css

  WP在安装一些主题或者插件之后,head中应用的js和css会越来越多。

  在加载页面时,每一次应用都是一次http访问,那么减少js/css的引用次数,当然也就加快了加载速度。

  所以可以把多个js/css合并到一个引用文件中,再将被合并掉的js/css引用去掉。

  这一步优化操作是比较繁琐且风险较高的,会涉及到修改代码文件,而且有些js/css还会调用其它资源文件导致合并之后资源调用出现问题。

  所以不推荐WP初学者进行这步操作,除非对修改比较有把握。

  5. 开启GZIP压缩

  这里的压缩是指使用压缩算法对文件进行压缩编码。所有的静态资源,比如文本,图片,音频,视频等都是可压缩的,只是压缩比率不同。

  那网页本身就是一个文本,只是格式是html的,js、css也都是文本,只是格式不同。

  通过压缩算法,可以大大减小文本文件的体积,从而使加载文本的速度成倍的加快。

  对于站点来说,目前比较通用的压缩方法是启用gzip压缩。它会把浏览器请求的页面,以及页面中引用的静态资源以压缩包的形式发送到客户端,

  然后在客户端完成解压和拼装。具体是实现不用关心,我们只要将GZip启用就好。

  首先查看站点是否已经启用了gzip,可以使用站长工具提供的gzip检查工具: http://tool.chinaz.com/Gzips/

  如已经开启了的话,那么就不用再单独开启;否则可以在.htaccess文件中加入两行:

  php_flag zlib.output_compression On php_value zlib.output_compression_level 5

  但是仅仅加这两行是没用的,它是只是开启了压缩模块,如果在gzip检测网站再检测一次,仍旧显示是未开启。

  因为还没有指定对哪些类型的静态资源进行压缩。那么再继续往.htaccess中加入几行:

   <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} -f RewriteRule ^(.*)(js|css|html|htm)$ /gzip.php?file=$1$2&type=$2 [L] </IfModule>

  上面指定了对js,css,html,htm几种后缀名格式的文件调用gzip.php文件进行处理,所以还要再创建一个gzip.php,并放到.htaccess相同目录下:

   <?php $file=$_GET['file']; switch ($_GET['type']){ case 'css': header("Content-type: text/css"); break; case 'js' : header("Content-type: text/javascript"); break; case 'html': header("Content-type: text/html"); break; } include($file); ?>

  再进行一次gzip检测,可以在百度的检测工具里测试,如果一切正常的话,那么已经看不到gzip未开启这一项了。

  而且在站长工具的gzip检测里,也会显示gzip开启的状态。

  6. 设置客户端缓存

  页面中的静态资源一旦引用,就会保存在客户端的临时文件夹里。

  如果服务端设置了静态资源过期期限,那么在过期之前,只要客户端再次访问页面,就会直接从临时文件夹中拿去静态文件而不用才向服务端请求。

  所以在设置客户缓存之后,只要访问过一次页面,在过期期限内再次访问页面的速度将会大大提高。

  设置的方法也比较简单,只要在.htaccess中加入几行:

  # Expire images header ExpiresActive On ExpiresDefault A0 ExpiresByType image/gif A2592000 ExpiresByType image/png A2592000 ExpiresByType image/jpg A2592000 ExpiresByType image/jpeg A2592000 ExpiresByType image/ico A2592000 ExpiresByType text/css A2592000 ExpiresByType text/javascript A2592000

  2592000代表一个月的意思,2592000 = 60*60*24*30

  7. 合并域名

  所谓合并域名,就是指如果有引用其它域名站点下的资源的话,把资源挪到自己的站点下,并修改资源引用地址。

  这样可以使访问请求只在少量的域名站点下进行,减少DNS寻址时间。

  打个通俗一点的比方就是,从一个仓库拿东西,比从不同的仓库分别拿东西要快。

  从优化操作的角度上来说,就是把引用其它站点的文本、图片挪到自己的站点下,从自己的站点引用。

  8. 挪动JS位置

  在页面请求中,javascript是在加载之后才可以加载后面的内容,而css是可以并行加载的。

  所以最好降js的引用都放置在页面的尾部,也就是之前。

  到这里主要的站点优化操作就完成了,相信在完成了这一系列的优化之后,WP站点的访问速度已经有了大幅提升了。

  其它

  除此之外,还可以使用一个非常好的优化插件Autoptimize,它可以自动合并、压缩页面中所有的js/css,并将引用后移。属于高性能傻瓜型优化插件,使用Autoptimize的话,第2,4,8步都可以跳过了,既省事又避免了修改错误的风险而且效果也不错。

  但是Autoptimize对js/css的合并是以php格式为基础进行压缩,所以还要对Autoptimize生成的.php进行客户端缓存。

  在.htaccess中条件以下代码

   <IfModule mod_headers.c> <FilesMatch ".(php)$"> Header set Last-Modified "Oct, 31 Aug 2011 00:00:00 GMT" </FilesMatch> </IfModule>

  Last-Modified的时间可以任意指定,但是一定要在当前时间之前。

  当然还可以继续做一些很多事情来提升站点速度,比如使用简洁的模板,减少首页图片数量,减少页面js代码等。

  不管是进行美观的页面布局,还是进行站点优化,最终的目标是提升用户体验。

  不过请相信一个永恒不变、放置四海皆准的真理 ---- Simple is beautiful!

时间: 2024-10-25 02:18:15

WordPress站点速度优化的相关文章

Wordpress网站速度优化的四大秘诀

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 WordPress 是一个功能非常强大的博客系统,插件众多,易于扩充功能.安装和使用都非常方便.目前 wordpress 已经成为主流的 Blog 搭建平台.不少wordpress爱好者喜欢折腾自己的博客,以致网站越来越臃肿,网页打开速度越来越慢.所谓成也wordpress败也wordpress. 其实wordpress是一款极其优秀的轻量级

提升WordPress站点速度的八个建议

WordPress是一个很棒的开源程序,几乎我认识的站长朋友当中,粗略估算有80%使用Wordpress.但很棒不等于完美,就在我所认识的这些朋友中,几乎所有人都会抱怨Wordpress太臃肿,运行效率太低了,大家有无同感? 所以,今天这篇博文和大家分享8个小贴士来提升WP的运行效率,如果您运用了这些方法后发现确实有帮助,请把这篇博文分享给更多的人好吧?当然为了尊重劳动成果,也烦请指明出处. 1.使用高效的缓存插件 WordPress的插件们是非常有用的, 我推荐一款缓存插件可以改善页面载入时间

从细节入手 让你的站点速度不落人后

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 你的站点是否随着时间的推移变得越来越慢?如果是这种情况,那么是时候对你的站点的速度进行一定的调整了.优化站点的加载速度可能是一件需要耗费精力与时间的工作,但笔者可以向你保证,这是值得的.在这篇文章中,笔者会分享四个简单而有效的速度优化细节,让你的wordpress站点速度有一个大的提升,同时这四个方法将不会消耗你太多的时间. 1.保持最低数量

浅析如何测试及提高Wordpress站点的速度

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 毫无疑问,网站的加载速度是一个成功与否最终要的因素之一.一个快照加载的网站可以提供更好的用户体验,对用户有好处就是对大家都有好处.这个对于你的线上业务和SEO竞争都是现实的事情.最近的一项研究表明用户离开你的站点,如果你的站点加载超过10秒.想想看访客到你的站点的第一印象是什么?你可以有一个漂亮的网站设计,有强大的内容等,但在这些东西之前的是

结合百度统计做好wordpress速度优化

一直在用百度统计作为首选统计工具,相比其他工具而言这个最大的优点就在于IP统计准确,时效性效性高.但之前总是在用其统计功能统计我的 wordpress博客.今天偶然间发现,百度统计有个网站速度诊断功能,于是乎结合百度统计做Wordpress速度优化.进入百度统计,点击速度诊 断,开始诊断.等候一点时间之后,我的Wordpress速度得分如下: 网通 40 分 电信 60 分 该工具给出的影响我的wordpress博客速度有很多很细的项目,其中有如下影响速度可以优化的地方的建议: 1. 连接网络(

高效率的网站打开速度优化方法

网站打开速度的快与慢,直接关系到访客的用户体验度.网站被加载的速度与多个要素相关,如服务器优于劣,网络带宽大与小,页面代码繁与简等.如果受限于资金,那么通过优化网页代码来加速网站打开速度,就是很有效的方法.以下是网站打开速度优化的方法详解. 一:压缩或精简Javascript代码和css代码. 无论什么类型的网站,用户第一次点击网站的时候,都会加载网站的Javascript和css代码,假设这些代码冗多,势必会降低网站打开速度. 如果有这样的问题,就要对代码进行压缩或精简.压缩方面,有大量的第三

400% 的飞跃-web 页面加载速度优化实战

前言 一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图 首页完整加载时间 8.18s,看来能进来看博主网站的人都是真爱呀,哈哈. 正常来讲一个网页 4s 加载不完就会流失很大一部分用户,而博主的网站加载时间竟然达到了 8s 还是在电脑端,如果在移动端,加载时间会更久,体验会更差. 这样的话网站做得再难看批判者进不来不是白搭嘛,于是针对 web 页面加载速度的优化迫在眉睫. 基于博主以前优化过其他网站,于是博主准备把这次的优化过程记

你该如何加速你的 WordPress 站点?

几个月前,我做了一个实验,看看在 2 小时内我可以为自己的网站提升多少速度.在安装了几个 WordPress 插件和修复了一些简单的错误后,我把网站的载入速度从 1.61 秒提升到了 583 毫秒.这可是足足 70.39% 的速度提升,且无需对网站的视觉做出任何更改. 根据 Akamai 在 2009 年的研究,47% 的访客希望页面在 2 秒内加载完,并且有 57% 的访客会在页面加载超过 3 秒后离开.除了这项研究,也有不少案例表明加载时间会影响销售. 在 2006 年,亚马逊报告指出,网页

怎样用 WPScan,Nmap 和 Nikto 扫描和检查一个 WordPress 站点的安全性

怎样用 WPScan,Nmap 和 Nikto 扫描和检查一个 WordPress 站点的安全性 介绍 数百万个网站用着 WordPress ,这当然是有原因的.WordPress 是众多内容管理系统中对开发者最友好的,本质上说你可以用它做任何事情.不幸的是,每天都有些吓人的报告说某个主要的网站被黑了,或者某个重要的数据库被泄露了之类的,吓得人一愣一愣的. 如果你还没有安装 WordPress ,可以看下下面的文章. 在基于 Debian 的系统上: 如何在 Ubuntu 上安装 WordPre