设置WP Rocket 插件的说明和提示,它可以明显加快您的 WordPress 网站的速度。
Obsah
什么是缓存?
缓存是最近经常被提及的一个词,甚至我的祖母也在慢慢谈论它。 缓存是临时或 计算机和服务器缓存。
无需重新加载整个网页(如此有效地从服务器下载),而是从该内存中加载某些不变的部分。
因此,客户端和服务器之间的数据流会减少,这与传输的数据量较小,尤其是页面加载速度较快有关。
服务器端缓存
每个普通服务器都有自己的缓存系统。 服务器通常会记住整个页面通用的已保存图像、CSS 和 JS 文件。
它并不总是将保存的徽标发送给客户端,而是仅发送客户端已保存徽标并因此可以使用它的信息。
这适用于页面上的大多数图像。 您可能曾经遇到过即使在用新图像替换旧图像后仍然看到旧图像的问题。 所以缓存是罪魁祸首。
在网站开发过程中,当然需要禁用缓存,因为我们需要立即看到所做的更改。 这可以在服务器端的主机控制面板中完成。
页端缓存
我们也可以在 WordPress 端设置缓存。 虽然叫缓存,但实际上只是对使用过的代码和其他文件进行优化。
为此,我们可以使用几个插件。 其中一些是免费的,而且大多只涵盖基本功能。 许多已经付费版本或从头开始付费。
在本文中,我们将重点介绍 WP Rocket 插件,它是付费的,但我绝对可以问心无愧地把它列为最佳速度优化插件。
如何获得 WP 火箭? 他的价格是多少?
我们从他们的官方网站独家获得 WP Rocket。在价格方面,我们有三种计划可供选择 – SINGLE,每年 49 美元,我们将用于一个网站。 我们将为三个网站使用 99 美元的 PLUS 计划,为无限数量的网站使用 249 美元/年的 INFINITE 计划(非常适合做大量网站的开发人员)。
填写账单信息并付款后,我们会收到一个 .zip 文件供下载,其中包含我们的插件和许可证。我们通过 wp-admin 将插件上传到我们的网站(插件-> 添加新的-> 上传插件)。安装成功后,别忘了激活插件。
设置 WP Rocket 插件的说明
在实践中,我已经遇到过几次有人安装了缓存插件但没有注意到任何变化。 当然。 拥有缓存插件很好,但这就像拥有驾照(但不是驾驶)。 为了提高性能和优化速度,我们需要配置 WP Rocket。
WP Rocket 设置可以在 wp-admin 中通过设置部分的左主列访问 –> WP火箭。 我们点击。 我们将看到一个公告板和许多不同的,乍一看很吓人的选项。 让我们一一介绍。
仪表板
布告栏。 此处显示有关您的帐户、许可证等的基本信息。 我们可以选择在这里打开“Rocket Analytics”,这意味着一些数据将被发送到 WP Rocket HQ。 这可以帮助插件开发人员。
缓存
缓存的基本设置。
我们可以打开/关闭移动缓存,我建议保持打开状态。 我们还可以为大型 PC 和移动设备分别分离缓存文件。 我个人从不这样做,因为我认为没有理由这样做。
为登录的 WordPress 用户启用缓存打开登录用户的缓存。 对于更简单的演示页面是不必要的,但如果您有用户登录的页面(例如电子商店),则此功能可能很有用。 基本上,登录用户不使用缓存(假设登录用户是网站管理员,他应该看到没有缓存的页面以便能够立即检查更改)。 当您选中此框时,登录用户也将使用缓存。
Cache Lifespan – 在这里我们设置了缓存应该自动清理的时间段。 单击“分钟”后足以选择小时和日期。 我总是保留默认值设置,但当然这取决于你。 因此,如果您进行了更改,它不会立即开始显示,您必须手动“刷新”缓存,即重置它。 如果您忘记了,它将在此处指定的时间后自动重置。
可以通过管理面板(顶部的黑色条)手动清除缓存,在其中找到 WP Rocket 项目,然后单击清除缓存以刷新整个缓存。 这将开始在任何地方显示更改,甚至对未登录的用户也是如此。
文件优化
可能是最有趣的部分。 在这里,我们设置了 WP Rocket 应该如何处理构成网站的文件。
基本设置
缩小HTML – 通过删除换行符或不必要的空格来缩小页面的 HTML 源代码。 效果不大,但这里几乎没有什么问题。 我总是打开它。
优化 Google 字体– 一定要打开它,它会改善您几乎肯定会使用的 Google 字体的加载。
注意:在较新版本的 WP Rocket 中,基本设置不再可用(不再相关)。
CSS 文件
CSS 简单来说,是用来设置页面外观的语言。在理想的宇宙中,每个页面都包含一个 .css 文件,其中设置了所有视觉内容。但这在 WordPress 中肯定不是真的。由于 WordPress 是一个复杂的平台,由主题和插件组成,几乎每个插件都有自己的 CSS 文件(很少只有一个)。结果,每次加载页面时都会加载几十个 CSS 文件。
缩小CSS 文件——通过删除缩进和空格来缩小 .css 文件。类似于 HTML 缩小。由于 CSS 文件比较多,这个设置几乎是必须的。
合并 CSS 文件——此设置将遍历页面使用的所有 .css 文件并创建一个大文件(仅一个)。因此,让我们更接近理想宇宙的状态——您只加载一个 .css 文件,尽管文件更大。绝对有必要启用此选项。
优化 CSS 交付——我也打开了这个设置。 它将导致 CSS“异步”加载,即独立于网页内容的其余部分。
当然,为了让它不那么容易,设置 CSS 文件的组合可能会导致页面上的视觉错误(所谓的错误)。在这种情况下,有必要找出导致给定问题的原因并将特定的 .css 文件包含在“排除的 CSS 文件”中。
Javascript 文件
与 CSS 一样,我们也可以优化 Javascript 文件。
Minify 和 Combine 的行为与 CSS 相同
删除 jQuery Migrate – jQuery Migrate 是一个帮助 jQuery 函数,它会提醒您 jQuery 版本与第三方插件或主题之间的不兼容性。 从 WordPress 5.5 开始,它不再使用,因此您可以禁用它。
延迟加载 JavaScript – 与优化 CSS 交付基本相同 – javascript 将独立于页面上的其余文件加载。
注意:如果使用http2协议,则无需合并CSS或JS文件。
媒体
在本节中,我们将设置图像、视频和其他多媒体内容。
延迟加载
延迟加载是一种功能,可以减慢页面上不立即可见的不必要的图像加载速度。 这将导致速度显着提高,因为图像只会在您靠近它们的位置时开始加载。 我输入 www.wp.sk ,在页脚的最底部是 wp.sk 标志,它实际上是一张图片。
延迟加载将导致页面在没有此图像的情况下加载。 只有当我们通过转动鼠标滚轮接近页脚时,图像才会在后台加载并显示。 在那之前,它是不需要的。 如果没有延迟加载,整个页面都会从一开始就加载。
启用图像– 启用图像的延迟加载。
启用iframe / 视频– 启用视频和 iframe 的延迟加载。 iframe 经常被使用,例如 在 Facebook 提要的情况下,或者在插入 YouTube 视频或来自其他网站的内容时。
用预览图像替换 YouTube iframe – 用预览图像替换未加载的视频(例如,如果我们快速滚动到视频应该在的位置并且它没有时间在后台加载)。
表情符号
表情符号是 WordPress 中相当无用的部分,但它们可以在一些博客上找到它们的应用程序。 实际上,它们是 WordPress 自动转换为图形形式的笑脸(表情符号)。 如果您不需要它,您可以轻松地关闭它们。
嵌入
禁用 WordPress 嵌入– 防止其他人将您网站的一部分“拉”到外部网站。 我建议保持打开状态。
WebP 兼容性
为 WebP 图像设置缓存。 WebP 是一种相对较新的图像格式,主要用于在 Internet 上显示。 图像尺寸较小,但质量与 jpg 相当。 每个 jpg 和 png 都可以通过一些转换器转换为 WebP,并上传到页面。 但是,如果您不使用 WebP,则无需启用此设置。
预载
正如我上面提到的,WP Rocket 的工作方式是创建自定义文件(主要是 .css 和 .js),然后在网站的实时运营中使用这些文件,而不是原始文件。 Preload 是触发此文件生成的函数。 如果页面发生变化(例如添加新文章等),重新生成已创建的文件也是如此。
在这里,我建议保留“激活预加载”以及“激活基于站点地图的缓存预加载”、“Yoast SEO XML 站点地图”(如果您使用 Yoast SEO 插件)以及“启用链接预加载”。 这对于 99% 的网站来说已经足够了。
高级规则
在这里,我们将为 WP Rocket 设置高级规则。 比如我们可以在这里指定子页面、文件等。 永远不应该缓存。 我们可以在缓存 cookie 时设置例外,或者根据使用的浏览器设置例外。
在 WP Rocket 中,可以使用所谓的通配符,即星号通配符 *。如果我们需要例如要从缓存中删除整个插件,比方说 Contact form 7,将 10 个 .css 文件相互列出是无意义的,它们位于 contact-form-7 文件夹中。我们将使用通配符,如下所示:
wp-content/plugins/contact-form-7/* 确保整个文件夹(以及整个插件)保持未缓存。
数据库
在本节中,我们可以在某些情况下很好地加快站点速度,但这会造成损失。 在这里我们可以执行所谓的 从看似不必要的数据中清除数据库。 WP Rocket 建议在执行此类数据库操作之前进行数据库备份。
在这里,我们可以删除修订、自动草稿、垃圾箱中的帖子、未批准的评论、瞬态、优化表格和设置自动清理。
在 WordPress 中创建每个子页面或文章时,我们单击 UPDATE 按钮时会保存尽可能多的修订。 对于主要包含文章的大型网站,考虑到可能有数百万次修订,这可能是一个相当大的问题。 通过删除这些修订,我们将极大地方便数据库的寿命,但我们将失去返回文章或子页面以前版本的可能性。
内容分发网络
CDN 代表内容交付网络。 您正在使用它,甚至可能不知道它。 在网页的代码级别,有各种库通常用于创建网页。
一个典型的例子可以是 jQuery 或 Google 字体。 优点是您网站的访问者可能已经从他的 PC 上的另一个页面下载了 jQuery,因此在呈现页面时,他的浏览器不必再次从服务器中提取 jQuery 文件,而是从其缓存中提取。
这会影响网站的速度。 但是,实际上,这些只是几千字节的文件,对于经典网站来说,这不会对速度产生极端影响。
心跳
Heartbeat 是一个内置的 wordpress 功能。 这是某种常规的“脉冲”,在此基础上,ajax 请求会定期(每分钟一次)发送到服务器。
它用于在管理员环境中显示的通知,用于自动保存文章和子页面,用于在其他用户编辑时锁定内容(弹出“用户#name 编辑这篇文章”的谚语表格)。
我个人从来没有遇到过这个问题,也没有处理过。 理论上你可以在这里关闭 Heartbeat,但我当然不推荐它,因为它会干扰 WordPress 的内置功能,更不用说使用的插件,这可能会变得无法使用。 所以限制这个设置只与一些弱插件有关。
附加组件
选择安装与 WP Rocket 一起使用的其他插件,并确保更快的速度。
图像优化
您应该在创建网站时已经考虑图像优化,或者 上传内容时。 体面要求不要在页面上放置大于 300kB 的图像。 FullHD 尺寸(即 1920×1080)对于大多数网站来说是完全足够的。 我绝对不建议将巨大的 SLR 图像(例如 6000×4000)上传到网络。
尽管 WordPress 仍会将它们裁剪为 4K 大小,但图像的数据大小比尺寸更重要。 当需要使用大数据图像时,实际上只有少数例外。
但是,对于此类图像,我们始终仅在单击它时才使用其缩略图和完整图像(例如,通过在 Lightbox 中打开它)。 无论如何,WP Rocket 不包含优化图像的选项,但它与Imagify 插件配合得非常好。
另一个用于优化图像的著名插件是 EWWWW 图像优化器(我建议在使用后将其卸载)。
工具
插件工具。 导入、导出、还原到旧版本。 我们知道的事情。
教程
最后,在WP Rocket 插件的教程部分,您将找到使用英语的视频教程。
最后提示:查看本教程,了解如何加速您的 WordPress 网站。
Was this article helpful for you? Support me by sharing, please. 👍