跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 关于刚刚帖子的WP优化的粗浅教程
未分類
23 5 月 2020

关于刚刚帖子的WP优化的粗浅教程

shc 大佬有话说 :

关于刚刚帖子的WP优化的粗浅教程

刚刚的帖子:https://www.hostloc.com/thread-693318-1-1.html

这里主要用了三个操作来提升响应速度: 缓存, Lazy Load, Instant Click.

详细教程:https://qing.su/article/153.html

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

部署Litespeed + LSCache + OPCache可以参考这篇文章:https://qing.su/article/146.html

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

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

这一层缓存的安装方法可以参考这篇文章:https://qing.su/article/152.html

安装完毕后,在后台LSCache控制页面找到缓存设置,然后选择 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文件)。

work 大佬有话说 :

感谢分享​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

怪人 大佬有话说 :

顶一个,支持

lunatic 大佬有话说 :

牛批,先顶一下再慢慢看

1tv 大佬有话说 :

帮顶

喜欢大胸只是本能,喜欢贫RU才是审美。

一言

q123 大佬有话说 :

感谢分享

b66667777 大佬有话说 :

帮顶一下

周润发 大佬有话说 :

有点过度优化了 没有必要上这么多缓存

qytang 大佬有话说 :

签名小博客速度也挺快的,自我感觉良好:lol

mfcer 大佬有话说 :

讲真,有流量再优化也不迟

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具