litespeed缓存插件最全教程

原神博客 最近用上了litespeed,感觉这插件还是很牛逼嗷,主要是功能非常齐全。但是英文界面大家可能用着不怎么方便,这里放几张翻译好的界面的中文截图吧。

侧边栏展开

litespeed缓存插件最全教程

仪表盘

litespeed缓存插件最全教程

一、常规

自动升级开着,服务器ip填进去,其他的不用管。

litespeed缓存插件最全教程

二、缓存规则

重头戏来了,从上到下,从左到右的介绍:

1、缓存规则

启用缓存:开启

缓存登录用户:关闭

缓存评论者:开启

缓存REST API:关闭

缓存登录页面、缓存favicon.ico、缓存PHP资源:开启

缓存手机访客:关闭(主题是自适应的话,关闭即可,手机端同样被缓存。要是没有自适应功能,此处就开启)

移动用户代理列表、私有缓存URI、强制缓存URI、强制公共缓存URI、丢弃 Query String:默认即可

2、TTL

默认公开缓存的TTL、默认私有缓存TTL时间、默认首页TTL、默认Feed TTL、默认 REST TTL、默认HTTP状态代码页TTL:原神博客建议默认即可

3、清除规则

升级时清除全部:开启

发表/更新时的自动清除规则:默认

服务过期:关闭

计划清除URL、计划清除时间、清除全部的Hook:默认

4、例外规则,5、ESI

保持默认即可

6、对象缓存

服务器安装好memcached或者redis客户端,按照自己的配置填,端口号memcached默认11211,redis默认6379

litespeed缓存插件最全教程

7、浏览器缓存

开启即可

8、高级

litespeed缓存插件最全教程

三、LiteSpeed缓存CDN

不用cdn不用管,用cdn的话用专业的插件,这里不用管。

四、LiteSpeed缓存图片优化

中文对照:

litespeed缓存插件最全教程

litespeed缓存插件最全教程

litespeed缓存插件最全教程

由于本人用的是cdn来压缩图片,这里就没开启了。

五、页面优化

1、css

CSS最小化
缩小CSS文件和内联CSS代码。
CSS合并
合并CSS文件和内联CSS代码。
独特的CSS文件
当具有CSS合并开启时,启用此选项将为每个URI获得一个组合的CSS文件。
当您要优化/倾斜CSS并进一步删除每页未使用的CSS时,这很有用。
CSS HTTP/2推送
在站内CSS文件被请求之前预发送它们到浏览器。(需要HTTP/2协议支持)
异步加载CSS
优化CSS交付。 这会在诸如Pingdom、GTmetrix和PageSpeed等服务上改良您的速度评分。
将此选项设为开启时,它还将异步加载Google字体。
火: 有属性data-no-async="1"的元素将被排除。
生成关键CSS
保留此选项开启 以允许与QUIC.cloud CCSS服务进行通信。 如果设置为关闭,则不会生成关键CSS。
仅当 异步加载CSS为 开启时,此选项才有效。
在后台生成关键CSS
通过基于cron的队列在后台自动生成关键的CSS。 如果设置为关闭,则此操作在前台完成,这可能会减慢页面加载速度。

上次生成: 11/12/2020 13:32:07

最后请求的费用: 8s

 

单独的CCSS缓存帖子类型

列出文章类型,其中该类型的每个项目都应生成自己的CCSS。 例如,如果站点上的每个页面都有不同的格式,请在框中输入page。 网站上每个页面都将存储单独的关键CSS文件。
单独的CCSS缓存URI

将为包含这些字符串的路径生成单独的关键CSS文件。 URL将会和服务器变量REQUEST_URI对比。 例如,对于/mypath/mypage?aa=bb,可以使用mypage?aa=
要匹配开头,在条目开头加上^。 若要做精确匹配,请添加“$”到URL的结尾。 每行一个。
内联CSS异步库
这将内联异步CSS库以避免渲染阻塞。
字体显示优化
设置此项以在缓存CSS之前将font-display附加到所有@font-face规则中,以指定在下载时应如何显示字体。
建议使用交换

2、JS

JS 设置 ,很容易出现bug,不建议对js进行合并缩减操作。

JS最小化
缩小JS文件和内联JS代码。
JS合并
将所有本地JS文件合并为一个文件。
JS结合外部和内联
当还启用JS合并时,在组合文件中包括外部JS和内联JS.该选项有助于保持JS执行的优先级,从而应将JS Combine引起的潜在错误降至最低。
JS HTTP/2推送
在站内JS文件被请求之前预发送它们到浏览器。(需要HTTP/2协议支持)
延迟加载JS
做这个可以帮助降低资源争夺和改善性能。 这会在诸如Pingdom、GTmetrix和PageSpeed等服务上改良您的速度评分。
加载内联JS
启用其他JS优化功能后,在DOM完全加载后加载内联JS可以提高JS兼容性并减少JS错误。
推荐使用延迟,尽管这会导致内联脚本的大多数问题,以避免被推迟。

3、优化

dns预读取里填入网站经常访问的外部链接,例如cdn、图床

CSS/JS缓存TTL 秒 = 100 weeks

指定缓存CSS/JS文件的时间(以秒为单位)。 推荐值: 604800
取值范围: 大于 3600
HTML最小化
最小化HTML代码。
DNS预读取

预读取DNS可降低访客的延迟。 比如: //www.example.com 每行一个。
DNS预取控制
为文档中的URL广泛启用DNS预取,包括图像,CSS,JavaScript等。 这样可以提高页面加载速度。
移除注解
最小化JS/CSS时移除注解 这会在诸如Pingdom、GTmetrix和PageSpeed等服务上改良您的速度评分。
移除 Query Strings
从静态资源中移除query strings。
⚠️ Google reCAPTCHA将被自动绕过。
火: 将查询字符串&_litespeed_rm_qs=0附加到资源以绕过此操作。
异步加载Google Fonts
使用Web Font Loader库以异步方式加载Google字体,同时保持其他CSS不变。 这会增加一个到Google的预连接以提高Google字体的下载速度。
移除Google字体
禁止在所有页面上加载Google字体。
移除WordPress表情包
停止加载 wordpress.org 表情包。浏览器默认表情包将被显示。 这会在诸如Pingdom、GTmetrix和PageSpeed等服务上改良您的速度评分。
删除Noscript标签
此选项将从HTML中删除所有<noscript>标签。

4、多媒体设定

延迟加载,会影响图片收录!原神博客建议自行斟酌

延迟加载图片
仅在图片进入视野时加载它们。 这可以通过减少初始HTTP请求数量来改善页面加载时间。
💡: 增加样式到您的延迟加载图片中
基本图像占位符

指定要在图像加载完成时用作简单占位符的base64图像。
这也可以通过在wp-config.php中预定义LITESPEED_PLACEHOLDER实现。本选项优先级较预定义高。
默认一个灰色的图片占位符data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=会被使用。
比如,data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7可以被用作背景透明的占位符。
响应式占位符
响应式图像占位符可以帮助减少加载图像时的布局重新排列。 如果具有width和height属性,它将生成与图像尺寸相同的占位符。
响应式占位符SVG

指定在本地生成时用作占位符的SVG。 它将即时转换为base64 SVG占位符。
变量{width} {height}将替换为相应的图像属性。
变量{color}将被替换为配置的背景颜色。
推荐值: <svg xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" viewBox="0 0 {width} {height}"><rect width="100%" height="100%" fill="{color}"/></svg>
响应式占位符颜色

指定响应式占位符SVG颜色。 推荐值: #cfd4db
LQIP云生成器
在加载时,使用QUIC.cloud LQIP(低质量图像占位符)生成器服务进行响应的图像预览。
请勿使用纯色占位符。
LQIP质量

指定生成LQIP时的质量。
较大的数字将生成较高分辨率的质量占位符,但将导致文件较大,这将增加页面大小并消耗更多点。 推荐值: 4
取值范围: 1 - 20
LQIP最小尺寸 x  像素

对于宽度和高度均小于这些尺寸的图像,不会发送LQIP请求。 推荐值: 150
取值范围: 10 - 800
取值范围: 10 - 800
在后台生成LQIP
通过基于cron的队列在后台自动生成LQIP。 如果设置为开启,则在定位占位符之前,将使用响应式占位符SVG配置。 如果设置为关闭,则此操作在前台完成,这可能会减慢页面加载速度。
延迟加载Iframe
仅在Iframe进入视野时加载它们。 这可以通过减少初始HTTP请求数量来改善页面加载时间。
内联延迟加载图像库
内联包含延迟加载图像JavaScript库。 这会在诸如Pingdom、GTmetrix和PageSpeed等服务上改良您的速度评分。

5、媒体排除

原神博客建议默认即可

6、本地化

原神博客建议可以开启头像本地化,这样就不会每次都请求头像服务器了!

Gravatar 缓存
将Gravatar存储在本地。 通过缓存Gravatar(全球公认的头像)来加快速度。
Gravatar 缓存 Cron
通过cron刷新Gravatar缓存。

最新排行: 12m 9s 之前

Gravatar 缓存 TTL 秒 = 1 week

指定Gravatar文件缓存的时间(以秒为单位)。 推荐值: 604800
取值范围: 大于 3600
本地化资源
本地化外部资源。
本地化域

当然,如果你想把外部资源(图片、css等)拉到自己服务上,可以开启本地化资源,并填写外部资源地址!

7、调整

可以排除不想缓存的资源!

CSS排除

列出的CSS文件或内联CSS代码不会缩小/合并。 完整URL和部分匹配字串都可以使用。 每行一个。
火: 支持过滤器litespeed_optimize_css_excludes。 有属性data-no-optimize="1"的元素将被排除。
JS排除

列出的JS文件或内联JS代码不会缩小/合并。 完整URL和部分匹配字串都可以使用。 每行一个。
火: 支持过滤器litespeed_optimize_js_excludes。 有属性data-no-optimize="1"的元素将被排除。
关键CSS

注明当激活异步加载CSS时需要在页面显示时用到的关键CSS内容。
JS延迟排除

列出的JS文件或内联JS代码不会被延迟。 完整URL和部分匹配字串都可以使用。 每行一个。
火: 支持过滤器litespeed_optm_js_defer_exc。 有属性data-no-defer="1"的元素将被排除。
URI排除

列出的页面将不被优化。 URL将会和服务器变量REQUEST_URI对比。 例如,对于/mypath/mypage?aa=bb,可以使用mypage?aa=
要匹配开头,在条目开头加上^。 若要做精确匹配,请添加“$”到URL的结尾。 每行一个。
角色排除
选择的角色将不做任何优化。
 
 
 
 
 
 

六:数据库优化

litespeed缓存插件最全教程

清理数据库也集成了哦

八、爬虫

不必管

九、工具箱

清除规则

清除首页

这将仅清除首页

清除独立页面

这将只清除独立页面

清除 403 错误

清除错误页面,包括 403 错误页

清除 404 错误

清除错误页面,包括 404 错误页

清除500错误

清除错误页面,包括500错误页

清除全部 - LSCache

清除此插件创建的LiteSpeed缓存条目

清除全部 - CSS/JS缓存

这将清除所有最小化或合并的CSS/JS缓存。

清除全部 - 对象缓存

清除全部对象缓存

清除全部 - Gravatar 缓存

这将删除所有缓存的Gravatar文件

清除全部

清除此插件创建的缓存条目(关键CSS和LQIP缓存除外)

清空整个缓存

清理和这个站点相关的所有缓存入口,包括其它网页应用。 仅当不能正常缓存时方可使用本操作。

按情况清除

选择清除选项。 每行一个。

根据分类名清除页面。例如:category-name应该被用于URL http://example.com/category/category-name/

 

 

匿名

发表评论

匿名网友