本网站使用 LiteSpeed Cache 插件来加快页面加载速度。其所有设置均已公开。

介绍

本网站在 ABLENET 租用服务器的 LiteSpeed 服务器上运行，该服务器在 WordPress 中安装了 LiteSpeed Cache 插件，可在不中断显示的情况下最大限度地优化页面加载。

Sponsored Link

由于网站配置已趋于稳定，我预计不会再做任何重大更改，因此我将公布迄今为止所做的所有 LiteSpeed Cache 插件优化设置。

希望这对您配置 LiteSpeed Cache 插件有所帮助。

LiteSpeed Cache 插件的所有设置

使用 Chrome 浏览器开发工具记录了 LiteSpeed Cache 插件配置屏幕的全屏截图。

LiteSpeed Cache 插件，版本 6.5.4，截至 2025 年 3 月 22 日。

图片文件链接，点击放大。

[0] 仪表板

仪表板上没有配置项目。

检查图像和页面优化使用的剩余量，以及唯一 CSS (UCSS) 和视口图像 (VPI) 队列的剩余量。

[1] 预设

LiteSpeed Cache 插件有许多配置选项。有五种标准预设设置可供选择。

我不使用标准预设，而是自己调整各个项目。

[2] 常规

常规设置下有三个重要项目。

• 域名密钥
• 访客模式
• 访客优化

为了在 QUIC.cloud 上优化您的图片和网页，您必须获得一个域名密钥。您无需注册成为用户，只需获取一个域名密钥。获得域密钥后，以下三项将生效

• 将图像转换为 WebP 并自动生成缩略图。
• CSS 优化
• 防止延迟加载登陆页面中的图像（视口图像）
• 生成预加载的低质量图像占位符。

访客模式和访客优化可以有效提高页面加载速度，但副作用可能是显示混乱。使用 LiteSpeed Cache 插件的关键在于如何抑制这种 “显示混乱”。

[2] 调整保持默认值不变。

[3] 缓存规则

在缓存规则部分，”启用缓存” 和 “缓存手机访客” 均已打开。

有些人认为，响应式主题不需要手机专用缓存。但是，本博客的菜单是为手机设备安排的。这也是我使用手机专用缓存的原因。

我想使用对象缓存（Memcached 或 Redis），但我从未注册过允许使用对象缓存的租用服务器。

[4] CDN

CDN（Centent Delivery Network）使用 Cloudflare CDN。

有两种 CDN 可与 LiteSpeed Cache 插件一起使用

• QUIC.cloud
• Cloudflare

无论哪种方式，都需要更改名称服务器设置。

之前使用的是 QUIC.cloud CDN。QUIC.cloud CDN 的流量上限为欧洲和美国每月 10 GB，亚洲（包括日本）每月 2.5 GB。如果访问量很大，流量会瞬间耗尽。

在这方面，Cloudflare CDN 没有流量限制，因此我目前使用的就是它。临时绕过和缓存清除可通过 LiteSpeed Cache 插件处理。

[5] 图片优化

[2] 如果获得了域密钥，就可以对图片进行优化。

图片优化设置如下。

• 请求 Cron，启用自动返回 Cron
• 启用 WebP 图片替换功能

即使是有很多图片的博客，转换为 WebP 图片也不会达到上限，因为快速队列的上限是每月 10,000 例。在我的使用中，即使是每月 1,000 次也是很多的。

[6] 页面优化

页面优化设置是 LiteSpeed Cache 插件设置的核心。这部分的设置可确保稳定、快速的加载。

• CSS 设置可在 [1] CSS 设置和 [9] 调整 – CSS 中找到。
• JavaScript (JS) 配置见 [2] JS 设置和 [8] 调整。
• HTML 设置为 [3] HTML 设置。
• 有关图像设置，请参阅 [4] 多媒体设定。

每个项目都可以设置在上述位置。

在 CSS 设置方面，我会打开所有选项，只将那些会造成显示干扰的项目排除在优化之外。

对于 JavaScript 设置，只有最后一项 “延迟加载 JS “应设置为递延或延迟。在本网站上，”返回顶部 “按钮不起作用，因此将其设置为 “递延”。

HTML 已压缩；DNS 预取和 DNS 预连接指定 A8.net 做广告。

图像基本上是懒加载的，只有在 VPI（查看端口图像）的第一个屏幕上有图像时才会无延迟地显示。它还通过生成低质量、低品质的临时图像 LQIP 来改善页面的初始加载，先加载临时图像 LQIP，然后再加载原始图像。

只有一个 JavaScript 被 gtag 强制延迟。

子主题的 style.css 和移动菜单插件的 CSS 不在 CSS 优化之列。

[7] 数据库

数据库优化可以删除不必要的数据。

未使用的修订。

[8] 爬虫

爬虫负责读取网站地图中的所有页面，以便生成缓存和 UCSS。

• 访客模式
• 访客优化
• 移动缓存
• 替代 WebP 图像

如果启用了以上四项，则共有八个爬虫 Crons 可以运行。

通常，每个 Cron 的运行间隔为 10 分钟。我将间隔改为每 5 分钟一次。

[9] 工具箱

更改 CSS 或 JavaScript 设置后，按下橙色的 “清除全部 “按钮，即可清除所有页面上的下两个项目。

• LSCache
• CSS/JS 缓存

如果要清除干扰显示的 UCSS，请按 “清除全部 – 独特的 CSS”。

Musubi

本网站使用的 LiteSpeed Cache 插件的完整配置现在可用。

LiteSpeed Cache 插件的主要功能是优化页面，防止显示混乱。

这需要花费一些时间和精力来建立，但我个人认为，这样做的回报是非常可观的。

如果您租用的服务器允许您在网站服务器上使用 LiteSpeed，您就没有理由不使用它。我希望这能帮助您做好设置，提高网页加载速度。