一直想写点网站优化的文章,但自己也在学习中,今天打算把我懂的分享出来。主要是通过Litespeed cache来优化网站,因为功能太多,今天从缓存加速(cache)说起,以wordpress网站为例吧。
首先说一下Litespeed cache这个插件,优秀wordpress的缓存插件很多,为何选择litespeed cache,首先它也很优秀,免费而且是一款综合性的加速插件,最主要的是不同的CMS(内容管理系统)都有这个插件,另外这个插件名字虽然叫做Litespeed,但实际上适合Apache或者Nginx等web服务器,亲自测试过,效果不错。
注册QUIC.cloud账号,并连接上其服务
首先Litespeed cache需要结合QUIC.cloud服务才能完成缓存和其他一些加速功能的,QUIC.cloud 是一个 WordPress 加速平台。在你的wordpress网站后台安装完Litespeed Cache(直接后台搜索安装)之后,直接从左侧底部的Litespeed cache进入General菜单如下。

看到Domain Key吧,点击Request Domain Key之后会在一两分钟内自动生成一个key,你看不到,但已经填好了,然后你就可以连接上QUIC.cloud了

点击Link to QUIC.cloud,注册QUIC.cloud账号,自动就会链接。连接成功之后,你才可以真正开始使用LiteSpeed cache的所有功能。
Litespeed cache其他常规设置(General)
除了上文中添加Domain key并连接QUIC.cloud之外,其他还有一些设置。
- Automatically Upgrade(自动更新) – 建议开启On
- Guest Mode – 看情况开启,假如你开启后,页面有功能不好用或者加载首页太慢的话建议关掉
- Guest Optimization – 同上,但只有Guest Mode开启后这个功能才有效,有些主题或者插件因为打开这个而无法使用,所以我的网站是关闭的。
- Server IP – 服务器IP,也就是你主机的IP,可以进入你的主机管理后台找到IP,其实也可以通过点击下图中Check my public IP获取。
- Notifications – 通知就随便你了。

常规下面还有个Tuning(调整设置), 是搭配Guest Mode使用的,可以不用改。
Litespeed Cache缓存加速设置
本文的重点来了,其实Litespeed Cache设置挺简单的,基本就是能开启的都开启。稍微说一下缓存的工作方式吧,缓存其实就是一早将你的网页部分内容存储到某些服务器或者某些特定的地方,当访客打开你的网站的时候就不需要读取你网站的全部原始数据,从而达到快速加载网页的目的。
还是从Litspeed Cache进入Cache子菜单。

上图中你看到Cache设置中总共有8大项,如果你是做电商网站安装woocommerce之后,会出现一个单独的woocommerce像设置。
- Cache缓存 – 除了cache mobile,有开关的都打开,全部选On,剩下的都不要改动, cache mobile只有当你的网站当都建立的手机网站时才有效果,自适应网站可以不开启此项。
- TTL – 保留默认设置,如果懂的话,可以自行调整
- Purge清除缓存 – 当系统、主题或其他更新,以及发表新的内容时,需要系统自动清除缓存已达到更新和新内容生效。这里Purge All On Upgrade(升级时清除全部)和Serve Stale(服务过期)两个开启,其他保持默认。
- Excludes排除规则 – 懂的自行添加,不懂的绕过(我属于不太懂的这群人)。
- ESI(Edge Side Includes) – 具体如何翻译我也不懂,大致意思是你可以把你的网站页面分成不同的块,然后指定特定的块来进行缓存,比如购物车可以设置让客户登陆之后还能看到缓存。这里面的能开启的我都开启,其他不改动。
- Object对象缓存 – 这个需要服务器安装有对象缓存服务的组件才行,比如Memcached或者Redis,具体询问你的主机商,他们可以帮忙操作。
- Browser浏览器缓存 – 这个在访问过你网站的访客浏览器里面缓存你网站的静态内容,下次他们打开你的网站的时候部分内容就直接从他们自己电脑里读取数据了,你想想是不是更快。
- Browser Cache – 开启
- Browser Cache TTL(浏览器缓存TTL) – 31557600秒=52 weeks 1 day 6 hours=1年
- Advanced(高级设置) – Login Cookie保持默认值,不然可能导致某些意想不到的结果,另外两项都开启。
整个看下来你会发现大部分都开启就对了,因为我也没有深入研究,按照这样设置,最后效果还不错。
Woocommerce缓存设置
安装了woocommerce插件之后,Litespeed cache会增加一个子项Woocommerce

具体设置直接上张图,不过要说一下ESI for Cart开启的话,前面ESI也要记得开启,不然无效。
手动清除缓存
有时候你修改了网站内容或者更新了内容,在前台可能没有改变,那是因为加载的还是之前的缓存,所以你需要手动来清理以下缓存,才能让看到修改的效果,其实和前面的那个清理规则是一样的,只是这个你想即时看到更改的话就要自己动手了。

如上图在你的后台顶部栏中有个菱形图标就是Litespeed Cache的快捷按钮,需要清理的适合点击清除全部就行,英文叫做purge all。
当然不是什么时候你做出的更改都不会在前台马上显示,有时候可能会出现这种情况,你就可以清除所有缓存看看效果。
还有一个可能要清除缓存的地方就是你自己的浏览器,不知道浏览器如何清理的话,你就用chrome的无痕模式,打开有更改的网站内容看看是否已经更改成功。
总结
Litespeed Cache最主要的就是cache缓存功能,设置起来也没什么为难的,里面每一项都会有一定的说明和引导,但是这个插件不仅仅是包含缓存这一个优化功能,这算是第一节吧。接下来我会把里面的其他功能如何设置慢慢发上来。当做完整个Litespeed cache设置之后你去google的pagespeed insight里面测试一下效果。