转载

WordPress 博客速度优化

从 2013 年初用这个独立博客开始,共进行了两次服务器迁移(bloghost 到 DigitalOcean 、 DigitalOcean 到 阿里云 ECS (附 9 折优惠码:e5ndko))、三次性能优化(2013 年 10 月、 2015 年 5 月 )。

这次优化后 Google PageSpeed Insights 评测结果已经比较满意了,网页版达到了 96。

WordPress 博客速度优化

博客是基于 WordPress 的,总结下到目前为止的优化:

一、前端

前端请求的资源主要包括 html 文本、Css、JS、图片。主要优化包括减少连接数、减少每次返回的资源大小、改变连接优先级。

1. 减少连接数

包括请求合并、图片合并(Css Sprite)、浏览器缓存。

通过 Better WordPress Minify 插件完成 CSS、JS 合并,几十个请求化为一个,减少这两类资源的请求数。 通过 Nginx 设置 Cache-Control 的缓存时间。

Java

location ~* /.(?:ico|css|js|gif|jpe?g|png|swf|woff)$ {     expires 30d;     add_header Pragma public;     add_header Cache-Control "public"; }
location ~* /.(?:ico|css|js|gif|jpe?g|png|swf|woff)$ {     expires 30d;     add_headerPragmapublic;     add_headerCache-Control "public"; }   

如果是 Apache,配置可见:2013 年 10 月优化。

2. 减小资源大小

包括 Gzip 压缩、图片无损压缩。

通过 Nginx 设置 html、Css、JS Gzip 压缩级别等。

Java

gzip on; gzip_disable "msie6";  gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_min_length 256; gzip_http_version 1.1;  gzip_types text/plain text/css text/x-component text/html application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/x-icon image/svg+xml image/jpeg image/gif image/png font/opentype;
gzipon; gzip_disable "msie6";   gzip_varyon; gzip_proxiedany; gzip_comp_level 6; gzip_buffers 16 8k; gzip_min_length 256; gzip_http_version 1.1;   gzip_typestext/plaintext/csstext/x-componenttext/htmlapplication/jsonapplication/x-javascripttext/xmlapplication/xmlapplication/xml+rsstext/javascriptapplication/javascriptimage/x-iconimage/svg+xmlimage/jpegimage/gifimage/pngfont/opentype;   

如果是 Apache,配置可见:2013 年 10 月优化。

通过 ImageOptim(Mac 版) 无所压缩图片或 https://tinypng.com/ 有损高比例压缩图片。

3. 按优先级、并发获取内容

JS 后置,通过 Better WordPress Minify 插件。

CSS import 用 link 等代替,目前采用的主题中有 Css 内 import Css 的情况,导致无法并发拉取内容,可直接替换内容或用 link 代替(可能有问题)。

二、后端

后端主要包括服务器本身性能以及程序处理。

1. 服务器优化

这次迁回国内主要也是因为 DigitalOcean 在国内不少城市访问速度过慢,甚至被屏蔽,在连接速度方面阿里云确实远远胜出。

阿里云 ECS (附 9 折优惠码:e5ndko) 只是普通硬盘,而之前的 DigitalOcean 则是固态硬盘,读取速度自然有差距,具体尚能测试对比。

2. WordPress 优化

主要通过缓存将动态网页请求改为直接取静态缓存内容。通过更高效的 W3 Total Cache 插件完成静态缓存,替换了之前的 WP Super Cache 插件。

自己记录并且分享给好友:

推荐两个用了一年半的理财产品

  • 挖财
    前阿里口碑网 CEO 李志国创建了 6 年的挖财,IDG、鼎晖资本、启明创投等投资。
    每月理财日 5 天 36% 年化率,17 天 8.8% 收益,28 天 7%,3 个月 9%,6 个月 10%
    邀请链接: 看看挖财 (此链接注册就送 308 元红包券)
  • 平安陆金所
    平安集团旗下,平安集团担保,1500 万用户。
    零活宝 5.5%,1-3 个月 5.5%-7.0%,3-6 个月 5.8%-7.8%,9-12 个月 6.0%-8.8%。
    邀请链接: 看看陆金所 (此链接注册并认证就送 60 元)

账号安全:只能提现到资金转入的银行账户

资金安全:由平安保险全额担保

收益对比:安全的同时,秒杀招财宝、余额宝、理财通等。

原文  http://www.trinea.cn/plan-summary/wordpress-optimization/
正文到此结束
Loading...