中文wordpress优化加速的五个操作方法:包括缓存、CSS和JS代码压缩、LazyLoad等

[复制链接]
老黑酱 发表于 2020-5-23 20:08:32 | 显示全部楼层 |阅读模式
主要通过以下操作来提升响应速度: 缓存, Lazy Load, Instant Click.


1, 使用LSCache + OPCache
安装OpenLiteSpeed服务器后,已经自动开启OPCache; LSCache需要手动去Wordpress插件里面安装。

如果您没有使用OpenLiteSpeed服务器,您可以用WP Super Cache来替代LSCache,不过效果会比LSCache差一些。



2, 使用对象缓存
使用对象缓存Memcached或者Redis能让系统缓存更多的内容。

安装完毕后,在后台LSCache控制页面找到缓存设置,然后选择[6] Object, 开启对象缓存。



3, 缩小CSS和JS文件
LSCache里面默认自带了缩小和合并CSS/JS文件的功能,在Page Optimization里面找到CSS Settings和JS Settings即可对应设置CSS/JS最小化。如果您的主题支持合并CSS/JS, 则也应开启合并CSS/JS.  如果您的主题支持异步加载CSS/JS, 也应开启异步加载。

如果您用的不是LiteSpeed, 您可以安装WP Super Cache, 同样能够实现最小化与合并CSS/JS、异步加载的功能。



4, 开启LazyLoad
首先说明一下:LazyLoad治标不治本。如果您的页面上图片较多,您应该首先考虑缩小图片大小(比如webp, 降低分辨率,模糊,等等)。如果实在没有办法缩小或者数量太多,那么可以考虑LazyLoad.  LazyLoad的作用是在页面加载的时候先用一张占位空白图片代替,然后逐渐载入页面中的图片,这样能够让用户暂时跳过图片加载,很快地先打开网页,然后再慢慢加载图片。

如果您使用LSCache, 那么LazyLoad配置很简单,仅需在Page Optimization – 多媒体设定里面开启延迟加载即可。如果您没有使用LSCache, 则需要安装额外的插件(比如这个https://wordpress.org/plugins/wp-lazy-loading/)实现LazyLoad.



5, 开启InstantClick
InstantClick真的是神器。它的原理是检测到用户的鼠标悬浮在链接上的时候就开始预加载链接对应的内容,这样大幅减少了页面之间跳转的响应时间。如果您的WordPress主题没有特别大的问题,我建议都开启InstantClick.  需要注意的是,开启InstantClick会显著提升CPU负载。因此,如果您的服务器采用的是Apache MPM-Prefork, 则不建议开启InstantClick.

如果您使用LSCache, 那么配置InstantClick很简单,仅需在缓存规则 – 高级设定中开启即时点击即可。

如果您没有使用LSCache, 则需要安装额外的插件(比如https://wordpress.org/plugins/wp-instant-links/)来实现InstantClick.



6, 其他
如果有条件,选择一个更快的服务器可能是提升速度的好办法。您也可以使用CDN来分发图片和静态文件(比如JSDelivr可以用来分发JS和CSS文件)。

也有人建议把WordPress缓存到nginx更快,或者再加个pagespeed和railgun,另外还有优化数据库查询。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 加入我们

本版积分规则 返回列表 发新帖

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

快速回复 返回顶部 返回列表