使用 mod_pagespeed 来提升博客访问速度

mod_pagespeed 是 Google 提供的一个工具,对网站的输出进行优化,从而提升客户端的访问速度。

mod_pagespeed 支持 Apache 和 Nginx。Apache 中简单的安装方法如下。安装完成之后,它会在 yum 里新建一个安装源,之后通过 yum update 更新就可以了。

如果你使用的是 64 位 CentOS/Fedora,或者 Debian/Ubuntu,请参见官方的安装指引。另外它还支持通过 cPanel 安装,对于共享主机的用户也是一大便利。

mod_pagespeed 中有一系列的默认的优化选项(filter),在安装完成之后自动打开,只需要重启一下 Apache 就可以看到效果了。具体的选项列表可以参考这个页面。基础的优化都已包含了,比如压缩 CSS 和 Javascript、延长资源的过期时间、重写图片等。

如果还想进一步优化,可以考虑几下选项:

  1. remove_comments:删除源文件中的注释。绝大多数情况下,注释对于终端用户都是不可见的,删掉之后不影响浏览。而且 mod_pagespeed 可以识别出 IE 的条件注释而不去动它。
  2. collapse_whitespace:删除源文件中的空白字符,同上,不影响浏览。
  3. insert_dns_prefetch:指引浏览器提前进行 DNS 解析,如果你的博客中引用了其它站点的图片,比如本博客使用 Google Cloud Storage 作为图床,增加这个选项,可以让浏览器预先解析 Cloud Storage 的 DNS,这样可以加速图片的下载速度。

增加选项需要修改 /etc/httpd/conf.d/pagespeed.conf 文件,并添加如下的代码。注意修改完之后依然需要重启 Apache。

另外,如果你的博客启用了 HTTPS,你需要对 HTTPS 进行特殊的设置,因为 HTTPS 中通讯是加密的,mod_pagespeed 无法得知其中的内容。设置也就一句话:

都搞定之后,刷新一下页面看看效果吧。

如果你想知道自己的博客还有哪些优化的余地,可以使用 Google PageSpeed Insights 来检测一下,如果得分在 85 分以上,就非常理想了。


6 条评论 添加

  1. 部署了之后, 所有 /wp-content/themes 下的 css 都 forbidden 了, 后台一片散乱.
    环境 ubuntu 14.04, apache.
    前台调用 /wp-includes 的 css 反而没有问题.

发表评论

电子邮件地址不会被公开。 必填项已用*标注