如何配置 Cloudways Breeze 插件

Rifat WordPress Plugins Jan 3, 2023

Cloudways对 Breeze 进行了一些重大更改,因此今天的教程是关于如何设置Cloudways Breeze的。 这个插件越来越好,它现在有JavaScript延迟、心跳控制、预加载字体和预取。 它只有 3.8/5 星评级,但我希望他们不断添加新功能并使应用程序更加稳定。

大多数 Breeze 设置类似于您在 WP Rocket 和 FlyingPress 等其他缓存插件中找到的设置,因此设置 Breeze 并测试您的 TTFB 和加载时间应该只需要几分钟。 Cloudways也有一个 Breeze 教程,但它并没有对插件中已有的内容增加太多。 只需安装插件并按照教程进行操作即可更好地理解它。

基本选项

打开缓存系统,因为当然,您希望缓存插件支持缓存。

将 Purge Cache After 设置为 1440。这是缓存的生命周期,设置为一天。 如果您的 CPU 使用率很高或者您不经常发布内容,您可以更改此数字。

创建令人惊叹的网站

使用最好的免费页面构建器 Elementor

现在开始

打开 Gzip 压缩以通过压缩内容来缩小 HTML、CSS 和 JS 的大小。

保持浏览器缓存打开,以便浏览器可以通过添加过期的标头来存储某些文件。

保留延迟加载图像选项。 在哪些设置上延迟加载 iframe 并使用浏览器本身的延迟加载功能。 我个人会使用 Cloudflare Enterprise 进行图像优化(而不是 Breeze),它与 Mirage + Polish 一起提供。 Breeze 没有选项可以防止图像延迟加载到在后台延迟加载图像,或者用预览图像替换 YouTube iframe。 也无法预加载图像、添加缺失的图像尺寸、使用 WebP 或调整移动图像的大小。 请改用内容分发网络 (CDN) 或图像优化插件。

保持跨源安全链接打开,以便它可以向外部链接添加“noopener noreferrer”。 这通过阻止访问链接所在的网站 (noopener) 或隐藏推荐信息 (noreferrer) 来提高安全性。 这些不应损害您的 SEO 或附属链接。

关闭缓存登录用户。 大多数网站不需要缓存登录用户,除非您正在运行会员网站或类似网站,在这种情况下您可以选择角色。

文件优化

您应该测试这些设置,看看它们是否会破坏您的网站或使其在网络上变得更重要。 如果缩小设置破坏了您的站点,最好在您的源代码中找到损坏的文件并防止它们被缩小,以便您的其余文件可以被缩小。

HTML 设置

保持 HTML 缩小选项开启,以便它可以通过发出空白和注释来减小 HTML 文件的大小。

CSS 设置

应启用 CSS Minify 选项,以便插件可以从 CSS 文件中删除空格和注释,使它们更小。

加载时字体也应保持可见。 您可以修正 PSI 的建议,通过添加 font-display: swap 到字体的 CSS 来确保文本在加载 Web 字体时保持可见。 这告诉您的计算机在加载普通字体时加载后备字体。 这会停止 FOIT(不可见文本的闪烁)但会导致 FOUC(不可读文本的闪烁)(无样式内容的闪烁)。 这是一个选择,所以尝试两者。

打开包含内联 CSS 选项,这也会缩小内联 CSS(位于 HTML 文件中的 CSS,而不是外部 CSS)。 它有时会破坏您的站点,因此在测试此设置时要小心。

关闭 Combine CSS,因为根据 WP Johnny 的说法,只有具有小 CSS/JS 文件的站点才应该将它们组合起来,而较大的站点则不应该。 在 GTmetrix 瀑布图中检查 CSS 和 JS 的大小。

使用排除 CSS 选项。 可能有一些文件会导致问题。 在您的源代码中找到这些文件并将它们添加到列表中,以防止它们被缩小或合并。

JS 设置

当你打开 JS Minify 时,它会通过去除空格和注释来缩小 JS 文件的大小。

结束 Combine JS。 这与将 CSS 和 JavaScript 放在一起是相同的想法。 再次检查你的 GTmetrix 瀑布图,只有当你的 JavaScript 文件非常小时才合并。

不要关闭包含内联 JS。 这与包含 CSS 内联的想法相同,但适用于 JS 文件。

排除 JS 的使用方式与排除 CSS 相同。 如果 JS 设置导致问题,请找到导致问题的文件并将其删除。

在 Move JS Files to Footer 上,许多主题和插件已经在页脚中加载了 JavaScript 文件。 但是,如果您有未在页脚中加载但在页眉中加载的 JS 文件,您可以在此处添加它们(不支持缩小文件)。 它很容易破坏您的网站,所以要小心。

选择这个。 仅当延迟 JavaScript 可以修复渲染阻塞资源 PSI 项时,才使用延迟加载的 JS 文件。 这是开始学习应该推迟哪些 JavaScript 文件的好地方。 但是加载页面不需要的任何 JavaScript 文件都应该推迟到以后加载。 如果您不想手动将 JavaScript 文件添加到 Breeze,请尝试自动优化。

保持 Delay JS Inline Scripts On,因为它会延迟内联 JavaScript,直到用户与之交互。 查看我的延迟常用JS文件列表(您将输入关键字,而不是完整文件)。 许多第三方 JS,如 AdSense、Analytics、Facebook Pixel 和评论,都在首屏加载。

预加载

预加载 Webfont - 在“预加载键请求”下,PSI 可能会告诉您预加载哪些字体,但作为一般规则,您应该只预加载 CSS 文件中的字体或在首屏加载。 它还可用于预加载 CSS 文件,但如果您这样做,请小心并测试结果。

预加载链接- 不要关闭它。 当用户将鼠标移到链接上时,该页面将在后台加载。 当用户单击链接时,页面看起来就像是立即加载的一样。 但是,如果您的大量访问者将鼠标悬停在大量链接上,这会使您的 CPU 更加努力地工作。

预取 DNS 请求- 查看 PSI 报告“减少第三方代码的影响”。 复制加载到您网站上的所有第三方域的 URL 并将它们粘贴到此处。 不过,您应该为 Google 字体 + CDN URL 使用预连接。 这有助于浏览器更快地预测和加载第三方域,但它可能不会使网络整体变得更好。

高级选项

大多数时候,Never Cache URL 用于将 URL 保留在缓存之外(主要用于 WooCommerce 网站或类似网站)。 如果您在此处排除它们,Cloudways 表示您还应该通过转到应用程序设置> Varnish 设置> 添加新排除项将它们从 Varnish 中排除。

缓存查询字符串以将字符串 URL 存储在缓存中。 默认情况下,Breeze 不会在其缓存中存储查询字符串(类似于这样的 URL:?model=mercedes)。 如果您需要将它们存储在缓存中,请在此处添加它们。

打开“禁用表情符号”,它会删除一个小的 JS 文件(如果你想使用表情符号,只需使用 Unicode)。

心跳 API

不要关闭控制心跳。 如果您查看 Cloudways 分析(在 Application > Monitoring 下),您可能会发现 admin-ajax 收到了太多请求。 如果您关闭或限制 Heartbeat API,这些请求和 CPU 使用率将会下降。 尽管最好完全关闭它,但请确保您可以关闭实时插件通知、查看其他用户何时编辑帖子和其他 Heartbeat API 功能。

关闭 Heartbeat Front-end,因为大多数网站在这里不需要它。

关于 Heartbeat Post Editor,它每 5 分钟自动保存一次。 如果你想要自动保存,你可以在这里设置一个限制。

另外,在后端关闭 Heartbeat,因为您不需要在那里使用它。

数据库选项

除了修改后的清洁,我会做其他一切。 可以选择保留一定数量的后期修订(例如 5 个,这样您就有备份)和定期计划的数据库清理将非常有帮助。 WP-Optimize 和其他缓存插件一样,应该偶尔安装以对数据库进行更彻底的清理。 通过这种方式,您可以确定哪些插件或模块对数据库造成了最不必要的负载,并删除它们可能留下的所有延迟表。 Breeze 和任何其他缓存插件都不会这样做。

内容分发网络

仅当您不使用 Cloudflare 的 CDN 服务时才启用 CDN 激活。 与 Gijo Varghese 一样,我依赖 Cloudflare 和 BunnyCDN(请参阅下面他的 Facebook 帖子)。 如果您不使用需要 CDN URL 的内容分发网络 (CDN),请放弃此步骤。

如果您的内容分发网络 (CDN) 使用自定义 CNAME,请在此处输入。 除了使用 BunnyCDN 插件之外,您还可以通过将 CDN URL 添加到缓存插件来增加服务的资产数量。

当谈到从 CDN 提供材料时,默认目录是 wp-includes 和 wp-content,但您可以通过指定需要提供的目录来添加更多内容。

保持原样; 通常,您希望 CDN 提供所有静态文件。

如果您想使用相对路径 URL(您网站的完整 URL),请不要关闭此选项。

当打开时,“Auto Purge Varnish”将无形地清洁清漆(Cloudways 说要启用它)。

Varnish Server 表示你的Varnish服务器的IP地址,是自动添加的。

如果您对站点的设计或其他方面进行了更改但尚未看到它们,请尝试清除 Varnish 缓存。

最后的想法

Cloudways很棒,在切换到Breeze之前(从 SiteGround 移动之后),我使用了 Vultr High Frequency 一段时间。 我认为如果对 Breeze 插件给予更多关注,Cloudways 可能会成为一个更有吸引力的主机。

Divi WordPress Theme