腾讯云服务器优惠活动华纳云香港服务器

Nginx下使用Fastcgi_cache和ngx_pagespeed优化WordPress性能

WordPress主题推荐

还记得明月在『WordPress 优化思路总结』一文里专门的讲到了有关 WordPress 性能优化的问题,记得特别强调了 WordPress 本地缓存的重要性,为此还一直在推荐大家使用 WP-Rocket 插件(请参考『WordPress 缓存神器 WP-Rocket 插件汉化版 V2.9.8』和『WordPress 缓存神器 WP-Rocket 插件进阶使用技巧』)。今天要给大家分享的是最近明月一直在折腾的一个基于 Nginx 的静态化缓存方法,这个方法不是依托于 WordPress 系统的,而是直接在 WEB 服务器层面生成和调取静态化缓存的,可以说在执行效能上是 WordPress 插件静态化的效能无法比拟的,再配合 ngx_pagespeed 模块使用 Google 的 PageSpeed 技术压缩优化 js、css、图片等静态文件后,直接让 WordPress 在服务器层面就达到最佳的性能表现。

Nginx下使用Fastcgi_cache和ngx_pagespeed优化WordPress性能-第1张-boke112百科(boke112.com)

最近也不知道是咋回事儿了,一直用的好好的 WP-Rocket 2.9.9 版突然有一天造成 WordPress 登录失效了,无论如何都无法正常的登录后台,只有停用 WP-Rocket 后才可以正常登录,安装最新版 WP-Rocket 又出现频繁的报错和授权验证失败的问题,没办法只能舍弃这个缓存神器了。这时候想起里以前在张戈博客看到一篇『Nginx 开启 fastcgi_cache 缓存加速,支持 html 伪静态页面』的文章,正好目前已经用的是 Nginx 了,所以就照着此文开始折腾了起来,没有想到竟然一步成功了,嘿嘿!

测试后发现缓存效果相当的“棒”,直接 WEB 服务器层面的缓存静态化表现真的是相当的“彪悍”呀,速度提升实在是太明显了。具体的教程我就不在这里过多的赘述了,大家可以参考张戈博客分享的文章即可了,里面说的是非常的明确了;如果是多站点的话可参考『Nginx 配置多站点下的 Proxy_cache 或 Fastcgi_cache 缓存加速』,多思考、多实践一定可以成功的。运用 Nginx 配置文件的灵活性可以达到非常好的效果的。

Nginx下使用Fastcgi_cache和ngx_pagespeed优化WordPress性能-第2张-boke112百科(boke112.com)

顺便分享一点儿小知识,那就是 Nginx 下 fastcgi_cache 和 proxy_cache 的区别:

Nginx的 Fastcgi_cache模块与 Proxy_cache模块缓存区别
  • proxy_cache 的作用是缓存后端服务器的内容,包括静态的和动态。
  • fastcgi_cache 的作用是缓存 fastcgi 生成的内容,很多情况是 php 生成的动态的内容。
  • proxy_cache 缓存减少了 nginx 与后端通信的次数,节省了传输时间和后端宽带。
  • fastcgi_cache 缓存减少了 nginx 与 php 的通信的次数,更减轻了 php 和数据库(mysql)的压力,这比用 memcached 之类的缓存要轻松得多。

静态化缓存实现了,发现服务器的负载一直都保持很低,于是又开始考虑在 Nginx 里加入 ngx_pagespeed 模块来“锦上添花”(特别强调:ngx_pagespeed 模块适合独立主机使用,虚拟主机的话不建议使用,因为 ngx_pagespeed 模块会增加主机 CPU 的负载的,鱼与熊掌不可兼得呀!)。虽然几天以来在 Nginx 添加模块编译的时候尝试了多次失败后终于还是成功了(请参考『Nginx 模块 ngx_pagespeed-1.12.34.2-stable 终于编译成功了』),并且用上 ngx_pagespeed-1.12.34.2-stable 最新版,这个版本支持 Redis 的,好像是可以把一些静态文件比如: js、css、图片等的优化压缩工作放到 Redis 里(可以理解为内存里)来提升优化效能。

Nginx下使用Fastcgi_cache和ngx_pagespeed优化WordPress性能-第3张-boke112百科(boke112.com)

在使用 ngx_pagespeed 模块后明月以外的发现博客调用的 Google AdSense 广告代码载入时间也提升了不少,甚至很多的外链 js、css 调用载入速度都有所提升。 CDN 流量好像也节约了一点点,哈哈,真的好意外的效果呀。还有一个意外惊喜,文章列表页的缩略图片竟然被 ngx_pagespeed 给转换成 WebP 格式了,哈哈!牛逼呀!

下面分享一下明月目前使用的 ngx_pagespeed 模块的配置,从这些配置上大家就可以感受到 ngx_pagespeed 的强大了:

  1. # 启用 ngx_pagespeed
  2. pagespeed on;
  3. #指定 ngx_pagespeed 缓存路径
  4. pagespeed FileCachePath /var/ngx_pagespeed_blog_cache;
  5. # 禁用 CoreFilters
  6. pagespeed RewriteLevel PassThrough;
  7. #开启使用 Redis
  8. pagespeed RedisServer “host:port”;
  9. # X-Header 值,用于判断是否生效
  10. pagespeed XHeaderValue “Powered By www.mydomain.com”;
  11. # 过滤规则
  12. #pagespeed RewriteLevel OptimizeForBandwidth;
  13. # 不需过滤的目录或文件
  14. pagespeed Disallow “*/wp-admin/*”;
  15. pagespeed Disallow “*/wp-login.php*”;
  16. # 启用压缩空白过滤器
  17. pagespeed EnableFilters collapse_whitespace;
  18.  # 启用 JavaScript 库卸载
  19.  pagespeed EnableFilters canonicalize_javascript_libraries;
  20. # 把多个 CSS 文件合并成一个 CSS 文件(比较容易引起主题版面混乱,所以我禁用了
  21. #pagespeed EnableFilters combine_css;
  22. # 把多个 JavaScript 文件合并成一个 JavaScript 文件,禁用原因同上,大家可以酌情开启
  23. #pagespeed EnableFilters combine_javascript;
  24. # 删除带默认属性的标签
  25.  pagespeed EnableFilters elide_attributes;
  26. # 改善资源的可缓存性
  27.  pagespeed EnableFilters extend_cache;
  28. # 更换被导入文件的@import,精简 CSS 文件
  29.  pagespeed EnableFilters flatten_css_imports;
  30.  pagespeed CssFlattenMaxBytes 5120;
  31. # 延时加载客户端看不见的图片
  32.  pagespeed EnableFilters lazyload_images;
  33. # 启用 JavaScript 缩小机制
  34.  pagespeed EnableFilters rewrite_javascript;
  35. # 启用图片优化机制
  36.  pagespeed EnableFilters rewrite_images;
  37. # 预解析 DNS 查询
  38.  pagespeed EnableFilters insert_dns_prefetch;
  39. # 重写 CSS,首先加载渲染页面的 CSS 规则
  40.  pagespeed EnableFilters prioritize_critical_css;

如果你用的也是 Nginx 的话记得一定不要忘了 Fastcgi_cache 和 ngx_pagespeed 这两个模块哦,这绝对是两个优化 WordPress 的神器呀,这里明月的叹服一下 Nginx 了,真心好牛逼呀,据说还有非常多的神乎其技的功能呢,明月正在努力的折腾学习中,以后要好的收获了我一定会及时分享给大家的。

赞 (0) 打赏
版权声明:本文为投稿文章,感谢 明月登楼 的投稿,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu