秋硕学习笔记 优化 使用OpenLiteSpeed+LiteSpeed cache优化加速Wordpress网站

使用OpenLiteSpeed+LiteSpeed cache优化加速Wordpress网站

一、安装OpenLiteSpeed OpenLiteSpeed是LiteSpeed Web Server En…

一、安装OpenLiteSpeed

OpenLiteSpeed是LiteSpeed Web Server Enterprise的开源版本。本站使用的是宝塔面板,安装OpenLiteSpeed环境其实很简单。

进入宝塔面板的软件商店,直接搜索OpenLiteSpeed,点击安装即可,安装好以后,我们使用它的默认设置就可以了,OpenLiteSpeed里面的设置都不用去管它。

OpenLiteSpeed安装

二、安装LiteSpeed Cache插件

wordpress插件LiteSpeed cache,同时支持OpenLiteSpeed、Nginx、Apache这三个运行环境,但高级缓存功能只有在OpenLiteSpeed环境下才能生效。LiteSpeed cache插件是完全免费的。我们得去安装LiteSpeed cache插件。

进入wordpress网站后台,搜索找到LiteSpeed cache插件,直接安装启用。

LiteSpeed cache插件安装启用

LiteSpeed cache插件启用后,我们可以发现,wordpress网站后台会有LiteSpeed cache插件菜单,它有一个仪表盘,如下图所示。

LiteSpeed cache插件仪表盘

仪表盘实际上就是网站数据缓存的一些内容情况预览,我们需要去QUIC.cloud注册一个账户后进行相关绑定,才会有实际显示。

一般默认情况下OpenLiteSpeed和LiteSpeed cache插件配合就可以起到不错的网站加速效果了。当然了,我们也可以进一步优化设置达到更好的效果,下面开始LiteSpeed cache插件的各项设置。

三、LiteSpeed Cache插件设置

温馨提示:为保证数据安全,建议备份网站数据。

1、LiteSpeed 缓存常规设置:

LiteSpeed 缓存常规设置
  • 自动升级:每当发布新版本时,将此选项设置为开启即可自动更新LiteSpeed缓存。如果关闭,则通过手动更新。一般为了安全起见,建议大家设置手动更新,这里可以根据个人需求自行设置。
  • 域密钥:填写我们注册QUIC.cloud以后得到的域密钥。
  • 服务器IP:输入站点的IP地址。
  • 通知:启用选项以后,可以自动显示最新的新闻(包括修补程序、插件的新版本、与测试版、促销消息)。

2、缓存规则设置

(1)、缓存规则
缓存规则
  • 启用缓存:建议开启。开启服务器总体缓存。
  • 缓存登录用户:用私有缓存为登录用户存储前台页面。建议开启,为每个登陆用户单独缓存前台界面。
  • 缓存评论者:建议开启。主要是用私有缓存存储有待审核评论的评论者。禁用此选项会提供没有缓存的页面给评论者。
  • 缓存REST API:建议开启。主要是缓存由WordPress REST API发出的请求。
  • 缓存登录页面:建议开启。作用是让登陆更快。
  • 缓存favicon.ico:建议开启。favicon.ico在大多数页面都被需要。缓存该资源可以避免不必要的PHP调用。
  • 缓存PHP资源:建议开启。有些主题和插件通过PHP请求添加资源。缓存这些页面可以避免不必要的PHP调用。
  • 缓存手机访客:可以关闭。主要用于AMP页面和特定非响应式主题页面。目前大部分都是响应式主题,建议关闭。
  • 私有缓存URI:留空。包含这些字串URI路径将不被存储为公开。 URL将会和服务器变量REQUEST_URI对比。
  • 强制缓存URI:留空。包括这些字串的路径会无视不缓存的设定而直接缓存。 URL将会和服务器变量REQUEST_URI对比。
  • Force Public Cache URIs:留空。包含这些字符串的路径将被强制缓存,而无需理会其他地方设置的缓存。
  • 丢弃 Query String:默认。缓存时忽略某些查询字符串。

(2)、TTL

TTL设置

主要是缓存相关页面的TTL时间,也就是缓存多长时间,多长时间到期。建议全部使用默认数值。

(3)、清除规则

这里主要是缓存多长时间,清除缓存的时候要保留哪一些内容及计划清除的内容等。

(4)、例外规则

设置例外规则

排除缓存的规则及设定。可以留空。

(5)、ESI

ESI 设定

ESI设定。设置前提必须为LiteSpeed Enterprise Web Server或QUIC.cloud CDN。ESI作用是将动态页面分解为不同区块进行缓存,调用的时候将它们合并为一个完整页面。如果一些页面出现相同的区别,那页面调用速度就会加快。但是这个功能会消耗CPU,到时影响服务器响应时间。

(6)、对象

对象缓存设置
  • 对象缓存:开启。这里肯定是开启,开启对象缓存可以让页面速度提升一大半。开启前注意下方提示Memcached和Redis 扩展有没有启用及连接测试通过。
  • 方法:选择Memcached和Redis都可以。
  • 主机:默认的是localhost,保持默认即可。
  • 端口:填写Memcached或者Redis的端口,Memcached的默认端口是11211。 Redis的默认端口是6379。
  • 默认的对象生命周期:默认的对象缓存的TTL为360。保持默认。
  • 用户名:仅当 SASL 已安装时可用。留空。
  • 密码:指定连接时使用的密码。留空。
  • Redis 数据库 ID:要使用的数据库,默认为0即可。如果有多个站点都要用,要相应的填写1、2、3等。
  • 全局群组:默认。
  • 不缓存群组:默认。
  • 永久连接:开启。使用长链接加速缓存操作。对于使用Memcached对象缓存的,则连接保持活动状态,以使Memcached更快。
  • 缓存 wp-admin:关闭。通过缓存改进wp-admin后台的加载速度。开启的话容易导致后台操作保存不生效。
  • 保存 Transient:开启。当缓存 wp-admin 为关闭时保存transient到数据库。

(7)、浏览器

浏览器缓存设置
  • 浏览器缓存设置:开启。
  • 浏览器缓存TTL:这里默认是31557600。保留默认。

(8)、高级

高级设置
  • 登录Cookie:留空即可。
  • 改善 HTTP/HTTPS 兼容性:关闭。只有当同一域名下同时使用HTTP和HTTPS并注意到有缓存问题时,才激活此选项。
  • 即时点击:建议开启。该功能是悬停预加载链接的功能,在WP Rocket插件这个功能比较完善,但是LiteSpeed Cache缓存插件的这个即时点击功能还不完善。虽然开启后大幅提高加载速度,但是会出现点击后的链接丢失JS文件的问题,比如出现无法登陆等莫名其妙的问题。

3、CDN

①、CDN设定

使用QUIC.cloud的CDN或Cloudflare 的CDN功能的话,可以选择开启。然后填写相应的CDN登陆信息。

②、管理

4、图片优化

①、图像优化摘要

这里是使用QUIC.cloud服务器进行优化图像,压缩图像、包括webp文件的替换等。

②、图像优化设置

这里是图像的优化设置。只有通过CDN的话才有用。这里虾皮路选择全部关闭。

5、页面优化

①、CSS设置
  • CSS最小化:开启。最小化CSS文件。主要是将CSS里面的空格之类的地方全部压缩,减小CSS体积。
  • CSS合并:建议开启。主要功能是合并页面内的所有CSS文件为1个文件从而达到加快访问速度,但是也容易出现页面出现错位等,因此需要根据实际情况开启,如果合并后页面显示有问题,自己又不懂排除哪些CSS文件,则建议关闭。
  • Unique CSS File:开启。只有当CSS合并功能开启的时候,该选项才开启。该功能相当于给每个页面生成不同的CSS文件。
  • CSS HTTP/2推送:开启。在站内CSS文件被请求之前预发送它们到浏览器。(需要HTTP/2协议支持)
  • 异步加载CSS:关闭。优化CSS的异步加载,但是需要开启QUIC.cloud的CDN才有效果,否则建议关闭。
  • 生成关键CSS:关闭。只有异步加载CSS开启的话,该功能才开启。
  • 在后台生成关键CSS:开启。通过基于cron的队列在后台自动生成关键的CSS。 如果设置为关闭,则此操作在前台完成,这可能会减慢页面加载速度。
  • Separate CCSS Cache Post Types:留空。主要作用是列出文章类型,其中该类型的每个项目都应生成自己的CCSS。 例如,如果站点上的每个页面都有不同的格式,请在框中输入page。 网站上每个页面都将存储单独的关键CSS文件。
  • Separate CCSS Cache URIs:留空。
  • Inline CSS Async Lib:开启。这将内联异步CSS库以避免渲染阻塞。
  • 字体显示优化:选择Swap。

注意:如果开启了CSS合并,则需要清除全部缓存让其生效。

②、JS设置
  • JS最小化:开启。最小化JS文件。主要是将JS里面的空格之类的地方全部压缩,减小JS体积。
  • JS合并:建议关闭。因为JS文件的合并比CSS文件的合并更容易出问题,当然,如果开启后,网站各个功能都正常,则可以开启。
  • JS HTTP/2推送:开启。在站内JS文件被请求之前预发送它们到浏览器。(需要HTTP/2协议支持)
  • 延迟加载JS:开启。做这个可以帮助降低资源争夺和改善性能。 这会在诸如Pingdom、GTmetrix和PageSpeed等服务上改良您的速度评分。
  • 加载内联JS:建议选择Deferred。前面我们都开启了JS优化,这里将JS文件内联在页面中,但是如果出现相应的JS问题,则建议选择After DOM Ready,如果还出现问题,则只能选择默认。默认的意思是关闭。
  • 排除JQuery:开启。通过避免对jQuery优化来改善页面内嵌JS的兼容性。

注意:如果开启了JS合并功能,则需要清除全部缓存让其生效。

③、优化设定
    • CSS/JS缓存TTL:指定缓存CSS/JS文件的时间(以秒为单位)。 推荐值: 604800,保持默认即可。
    • HTML最小化:开启。最小化HTML代码,同样是去掉一些空白的区域达到压缩体积的目的。
    • 内嵌CSS最小化:开启。
    • 内嵌JS最小化:开启。
    • DNS预读取:预读取DNS可降低访客的延迟。 比如: //www.example.com 每行一个。这里填自己的要DNS预读取的网址,注意格式为//www.example.com。其实该功能就是自己网站里面包含一些外链,比如图像调用的,比如CSS异地调用的,每次访客访问的时候都要解析一次地址,虽然解析时间比较小,但是加起来的话也是有一定影响的。因此需要提前解析,这样就在客户访问的时候无需再次解析了。
    • DNS Prefetch Control:开启。不仅DNS预读取,连JS/CSS字体都预读取了。这样可以提高页面加载速度。
    • 移除注解:开启。最小化JS/CSS时移除注解 这会在诸如Pingdom、GTmetrix和PageSpeed等服务上改良您的速度评分。
    • 移除 Query Strings:开启。从静态资源中移除query strings。
    • 异步加载Google Fonts:关闭。使用Web Font Loader库以异步方式加载Google字体,同时保持其他CSS不变。 这会增加一个到Google的预连接以提高Google字体的下载速度。这里虾皮路的理解是虽然像是加载谷歌字体,但是国内主题很多方面都去掉了谷歌字体,如果开启就多一个谷歌的链接,国内访问谷歌又有问题,因此反而多一个国内访问不快的链接导致页面变慢,因此选择关闭。
    • 移除Google字体:开启。禁止在所有页面上加载Google字体。
    • 移除WordPress表情包:开启。停止加载 wordpress.org 表情包。浏览器默认表情包将被显示。 这会在诸如Pingdom、GTmetrix和PageSpeed等服务上改良您的速度评分。
    • Remove Noscript Tag:开启。移除页面内的< noscript >标签。
④、多媒体设定
    • 延迟加载图片:开启。图片懒加载的意思,不显示在屏幕里的图片先不加载,这可以通过减少初始HTTP请求数量来改善页面加载时间。
    • 基本图像占位符:留空即可。留空自动用默认的灰色占位符覆盖。
    • 响应式占位符:开启。响应式图像占位符可以帮助减少加载图像时的布局重新排列。 如果具有width和height属性,它将生成与图像尺寸相同的占位符。
    • 响应式占位符SVG:保持默认。指定在本地生成时用作占位符的SVG。 它将即时转换为base64 SVG占位符。
    • 响应式占位符颜色:保持默认。指定响应式占位符SVG颜色。
    • LQIP云生成器:关闭。在加载时使用QUIC.cloud LQIP(低质量图像占位符)生成器服务进行响应的图像预览。
    • LQIP质量:默认。
    • LQIP最小尺寸:默认。
    • 在后台生成LQIP:关闭。
    • 延迟加载Iframe:开启。仅在Iframe进入视野时加载它们。 这可以通过减少初始HTTP请求数量来改善页面加载时间。
    • Inline Lazy Load Images Library:建议关闭。因为图片内联延迟加载后,容易造成图片显示缓慢,或者不显示的问题。比如点击图片本来要显示原图的,结果不显示。当然,如果图片无影响,可以开启。
⑤、媒体排除

这里主要指的是图片延迟加载排除的类型、地址填写。全部留空。

⑥、Localization Settings(本地化设置)
    • Gravatar 缓存:开启。将Gravatar存储在本地。 通过缓存Gravatar(全球公认的头像)来加快速度。
    • Gravatar 缓存 Cron:开启。通过cron刷新Gravatar缓存。
    • Gravatar 缓存 TTL:建议填写9052800。
    • Localize Resources:开启。将远程的文件比如JS文件缓存到本地进行优化。
    • Localization Domains:保留默认的情况下,建议删除。

https://pagead2.googlesyndication.com/pagead/js/

https://cdn.jsdelivr.net/

因为第一个地址是谷歌AD调用代码,缓存到本地后,地址发生变化了,导致无法显示谷歌广告。删除后才能正常调用。第二个地址是jsdelivr的CDN,容易导致调用jsdelivr的图片无法正常显示。

⑦、调整设定
    • 合并的CSS文件优先级:开启。因为前面虾皮路是选择了合并CSS的,因此这里选择开启。否则为关闭。
    • CSS排除:留空。
    • 合并的JS优先级:关闭。如果前面合并了JS,这里就选择开启。
    • JS排除:留空。
    • 合并文件的最大尺寸:默认为2。
    • 下面的关键CSS、JS延迟排除、Inline JS Deferred Excludes、URI排除、角色排除全部留空。

6、数据库

①、管理

该页面主要可以对数据库进行优化。一般隔一段时间选择清理全部即可。

数据库表引擎转换器,如果是MyISAM引擎的话,可以转换为InnoDB引擎性能更好。

②、数据库优化设置

数据库优化设置,保持默认即可。

7、爬虫

①、概要

缓存爬虫的意思是会在您的站点中移动,刷新缓存中已过期的页面。这样可以减少访问者遇到未缓存页面的可能性。

②、地图

保持默认的状态、留空或者关闭。

③、黑名单

保持默认的状态、留空或者关闭。

④、常规设置

爬虫:开启。 建议关闭,虾皮路测试开了后,CPU负载增高,缓存速度变慢,延时增高。

其他选项保持默认的状态、留空或者关闭。

⑤、模拟设置

保持默认的状态、留空或者关闭。

⑥、站点地图设置

自定义站点地图:输入自己站点地图的位置。其他选项保持默认的状态、留空或者关闭。

8、工具箱

①、清除规则

这里主要是清除缓存的地方。可以选择清除首页、内页、CSS/JS、对象缓存等等。一般做了相关的缓存设置后,最好都能选择清除全部。

②、导入/导出

可以导出导入插件设置选项。

③、修改.htaccess

主要是修改.htaccess文件选项。无需修改。

④、心跳包

主要设置WordPress的间隔心跳以减少服务器负载。注意:禁用一些功能可能会导致AJAX触发的WordPress任务停止工作。

    • Frontend Heartbeat Control:开启。前台页面心跳控制。
    • Frontend Heartbeat TTL:填120。
    • Backend Heartbeat Control:开启。后台页面心跳控制。
    • Backend Heartbeat TTL:填15。
    • Editor Heartbeat:关闭。主要是编辑器心跳。
    • Editor Heartbeat TTL:默认即可。
⑤、报告

生成插件的报告,主要用于生成报告给官方查看从而解决一些问题。

⑥、调试设置

主要是调试的时候,可以关闭各类缓存功能,从而排查原因。

⑦、日志查看

查看调试的Debug日志。

⑧、Beta测试

测试版本的试用。

本文是全系列中第11 / 14篇:优化加速

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。若本站内容侵犯了原著者的合法权益,请联系我们进行处理。本文地址:https://wparticle.cn/988.html

作者: wordus

记录生活感悟,分享网络资源,交流学习体会,感受美好人生。秋硕学习笔记,记录分享学习、生活、工作、旅游、健身、爱好的个人博客。
返回顶部