使用 WP Rocket 让您的网站更快(安装 + 设置)

斯特凡

越来越多的人选择使用 WordPress 建立网站。 WordPress 的优点是启动网站几乎不需要任何程序代码。完成安装过程就足以启动一个网站。

然而,很多人没有意识到,网站的速度,尤其是用户体验是谷歌在搜索结果中排名靠前的重要因素。

2021 年 XNUMX 月,谷歌发布了“网络生命”介绍道。 Web Vitals 是 Google 的一项举措,旨在为质量信号提供统一指南,这对于在网络上提供最佳用户体验至关重要。

多年来,Google 提供了许多工具来衡量和报告性能。一些开发人员是使用这些工具的专家,而另一些开发人员则发现丰富的工具和指标难以跟上。

网站所有者不必成为演示专家才能了解他们为用户提供的体验质量。 Web Vitals 计划旨在简化事情并帮助网站专注于最重要的指标,即核心 Web Vitals。

自从 Web Vitals 出现以来,优化 WordPress 网站的速度和用户体验变得更加重要。

这就是 WP-Rocket 可以提供的帮助。 WP-Rocket 是一个 WordPress 插件,可以让优化您的 WordPress 网站变得尽可能简单。 WP-Rocket 中的功能经过精心设计,对于新手 WordPress 网站管理员来说,只需单击一下并附上简短的说明就足够了。

什么是 WP 火箭?

WP-Rocket 是世界上最强大的缓存插件。用它来提高您的 WordPress 网站速度、SEO 排名和转化率。无需编程。

WP-Rocket 安装方便,并将您的 WordPress 帖子和页面缓存为静态文件。然后将这些静态文件提供给用户,从而减少服务器上的处理负载。这可以将性能提高数百倍。

浏览器缓存可以通过减少每页的请求数量来帮助减少服务器负载。例如,通过在不更改的文件(静态文件,例如图像、CSS、JavaScript 等)上设置正确的文件头,浏览器会将这些文件缓存在网站访问者的计算机上。

该技术允许浏览器检查文件是否已更改,而不是简单地请求它们。结果是您的 Web 服务器可以提供更多的 304 响应(确认文件未更改),而不是 200 响应(需要提交文件)。

使用 WP Rocket 让您的网站更快

在这些技巧中,我将逐步向您解释如何在 WordPress 中安装 WP-Rocket 以及如何为您的 WordPress 网站优化设置 WP-Rocket 功能。

安装 WP Rocket

要安装 WP-Rocket,您必须先通过网站购买 WP-Rocket wp-火箭.me.

WP-Rocket Single 的 1 个网站以及 1 年的更新和支持费用为 44 欧元。第二个套餐是 Plus 套餐,提供 1 年更新和对 3 个网站的支持,售价 88 欧元。然后是 Infinite 套餐,售价 222 欧元。您还将获得 1 年的更新和无限数量的 WP-Rocket 安装支持。

*请注意,价格不断变化。此 WP-Rocket 价格信息在撰写本文时是最新的。

wp-火箭价格

如果您已经购买了WP-Rocket,您可以立即下载WP-Rocket。您将收到一个 ZIP 文件,您可以将其上传到 WordPress 网站的插件。

登录您的 WordPress 网站。单击左侧菜单中的插件,然后单击已安装的插件,然后单击新建插件按钮。

安装插件 WordPress

单击“上传插件”按钮将 WP-Rocket 插件上传到您的 WordPress 网站。

插件上传wordpress

单击“选择文件”并选择 wp-rocket zip 文件。然后单击“立即安装”按钮。

wp-rocket插件安装wordpress

要完成 WP-Rocket 安装,您必须在 WordPress 安装中激活 WP-Rocket 插件。单击激活插件按钮。

wp-rocket 插件激活 WordPress

如果您已激活 WP-Rocket,则需要调整 WP-Rocket 设置。

在菜单左侧,单击“设置”,然后单击“WP-Rocket”。

打开 WP-Rocket 设置

打开 WP-Rocket 设置后,您将进入 WP-Rocket 仪表板。在顶部,您将立即看到一条通知,是否允许 WP-Rocket 从您的 Web 服务器和 WordPress 安装收集诊断数据。

这涉及到以下数据。 Web 服务器的类型、PHP 版本号、WordPress 版本号、多站点详细信息、当前安装的 WordPress 主题、网站语言以及安装的 WordPress 插件数量。

收集 WP-Rocket 诊断数据

WP-Rocket 仪表板在左侧提供所有功能的即时概览。在中间您将看到有关您帐户的信息,在右侧您将看到三个快速操作。

例如,快速操作允许您通过单击“清除缓存”按钮来删除所有缓存的文件。您还可以通过单击“预加载缓存”按钮启动缓存预加载,并且可以通过单击“清空 Opcache”按钮立即清空 OPCache 的内容。

WP 火箭仪表板

在左侧我们可以看到 WP-Rocket 提供的一些功能。即缓存、文件优化、媒体、预加载、高级规则、数据库、CDN、心跳、附加组件、图像优化、工具和教程。

我将解释每个函数。我还将推荐一般 WordPress 网站的最佳设置。

缓存

缓存是 WP-Rocket 创建的文件,旨在使您的网站更快。缓存解决方案存储网站页面的静态版本。这允许 WordPress 跳过运行较重的 PHP 脚本并提高网站的速度。

阅读
向 Instagram 添加付款方式?就是这样运作的!

移动缓存

在 WP-Rocket 中,“普通”缓存文件和移动缓存文件之间存在区别。例如,您可以选择选项:启用移动设备缓存,以便使用移动设备(例如手机或平板电脑)的访问者更快地加载您的网站。

如果您已经安装了移动主题或正在使用将移动访问者重定向到网站移动版本的插件,您还应该启用该选项:为移动设备单独缓存文件。

用户缓存

如果您保护网站的某个部分不被用户访问,则必须启用用户缓存。

考虑您网站上的一个部分,该部分仅收费或仅供特定网站访问者使用。通常这是网站访问者必须登录的部分。然后启用选项:为登录的 WordPress 用户启用缓存。

缓存寿命

为了确保您的访问者不断看到网站的更新版本,经常自动清除缓存非常重要。这对于 WordPress 博客网站来说当然很重要,如果有新的博客文章,您不希望人们看到新的博客文章,因为仍然有一个缓存文件指向旧的博客文章。

我建议保留 10 小时的默认时间来清除缓存文件。如果您不发布任何新帖子并且网站是静态的,那么您可以增加缓存清除时间。然后将缓存清空时间设置为24小时甚至几天。

需要注意的是,缓存在清空后会自动重建。然后,WP-Rocket 根据 WordPress 帖子中的内部链接检查网站,并再次缓存每个页面。如果您有大量消息(1000 条或更多),缓存(预加载)可能需要更长的时间。请考虑这一点。

缓存设置 WP-Rocket

文件优化

文件优化设置提供了许多功能来优化浏览器的特定文件,以确保您的网站正确显示。以下是如何缩小 CSS 脚本、缩小 JavaScript 和延迟 JavaScript。

WP-Rocket 中的文件优化设置

缩小 CSS 文件

层叠样式表 (CSS) 是指定 HTML 文档的视觉呈现的标准。 CSS 供图形设计师使用:它允许设计者控制字体、颜色、边距、缩进、边框,甚至文档元素的位置。

建议缩小 CSS 文件。如果您在 WP-Rocket 中启用此功能,WP-Rocket 将取消注释 CSS 文件并删除空格。所有这些都会导致 CSS 文件更小,然后在网站访问者的浏览器中立即加载得更快。

合并 CSS 文件

要合并 CSS 文件,您必须启用选项:缩小 CSS 文件。此功能将您网站上使用的 CSS 文件合并为 1 个文件。如果您的网站提供 HTTP 连接,这将导致网站加载速度更快。但是,如果您的网站具有 HTTP/2(并且大多数现代 Web 服务器现在都具有此功能),则将 CSS 文件合并为 1 个 CSS 文件不会带来任何优势。要检查您的网站运行的网络服务器是否支持 HTTP/2,您可以 这里 控制器

JavaScript 延迟加载

defer 属性告诉浏览器在 HTML 文档完全解析之前不要执行 JavaScript 文件。这意味着只有当网站的其余部分已经加载时才会加载 JavaScript。这意味着访问者的浏览器不必等待 Javascript 加载。 JavaScript 通常需要更长的时间来加载,这可能会导致网站结构和外观的不正确表示,也称为“渲染阻塞”。建议您启用此功能,同时还要彻底测试您的网站,看看网站是否在浏览器中正确显示。

延迟 JavaScript 执行

如果启用此功能,访问者的浏览器将在执行 JavaScript 之前等待。仅当访问者实际看到该元素时,才会加载网站主题中可能已实现的 JavaScript 代码。所有这些都节省了浏览器等待的时间以及加载网站的数据。 WP-Rocket 中已预先编程了几个外部脚本。我建议启用此功能。

媒体

在 WP-Rocket 的媒体设置中,您可以设置媒体文件的优化,例如图像和内置视频文件。优化网站上的媒体以减小页面大小并使网站加载速度更快对于访问者来说非常重要。

WP-Rocket 中的媒体设置

延迟加载

LazyLoad简单来说就是图像、视频文件等媒体文件的延迟显示。当用户访问网站时,仅加载访问者立即可见的图像和可能的视频文件。在访问者实际看到该元素之前,该页面上的所有其他图像都不会加载。为图像、iframe 和视频启用 LazyLoad 可以减少访问者需要加载的页面内容。所有这些都可以加快页面内容的显示速度,从而带来更好的用户体验。

图像尺寸

为了向网站访问者提供最佳的用户体验,重要的是网站在部分加载网站后不会移动各种元素,这称为“布局移动”。为了防止这种情况,您仍然可以让 WP-Rocket 添加网站源代码中未指定尺寸的图像的尺寸。这可以防止“布局变化”,从而为访问者提供更好的用户体验。我建议启用此功能。

阅读
查找任何网站的 IP 地址。就是这样!

禁用 WordPress 嵌入

WordPress 有一项称为自动嵌入的功能,允许您的网站自动从流行的视频托管服务(例如 YouTube、Vimeo 等)获取嵌入代码。但是,这会导致加载时间更长。如果您不在您的网站中提供来自其他服务或网站的图像或视频,我建议您通过启用此功能来禁用嵌入。如果您使用嵌入,请关闭此功能。

WebP 兼容性

WebP 是一种图像格式,由 Google 于 2010 年开发并首次发布。它支持无损和有损格式的图像编码,使其成为适用于任何类型媒体的通用格式,并且是 PNG 或 JPEG 的绝佳替代格式。 WebP 的视觉质量通常可以与更知名的格式相媲美。 WP-Rocket 可以检测网站内容中的 WebP 文件并缓存这些文件。但是,WP-Rocket 无法创建 WebP 文件。为此,您需要安装另一个插件。如果您想使用 WebP,请启用此选项。

我建议 Imagify 然后与 Imagify 结合启用此选项。 WebP 图像文件可显着减小网站的整体大小,从而使网站加载速度更快,从而为访问者带来更好的用户体验。

预载

Preloading是英文单词preloading的意思。

WP-Rocket 预载设置

激活预加载

如果您启用预加载,WP-Rocket 将开始缓存您网站上的所有页面。最初,WP-Rocket 会查找所有内部链接,然后开始缓存。

启用基于站点地图的缓存预加载

但是,如果您启用基于站点地图的缓存预加载选项,将从站点地图文件中检索链接。

预加载链接

预加载对于优化用户体验非常重要。它为用户提供了更快的网站,因为下一页的内容是通过浏览器预加载的。如果访问者单击超链接,访问者将立即看到超链接引用的页面。要启用此功能,请启用以下功能:启用链接预加载。我建议启用此功能。

预加载 DNS 请求

预取,也称为 DNS 预取,是在用户点击链接之前请求网站的 IP 地址。预加载 DNS 请求可以使网站加载速度更快,尤其是在移动设备上。我建议启用此功能。但是,您必须首先检查您的网站发出了哪些 DNS 请求,因此需要一些技术知识。

预加载字体

如果您通过网站自行提供字体文件,则可以提前加载这些字体文件。预加载字体可提供更好的用户体验,因为字体文件加载速度比通过网站源代码加载更快。

高级规则

WP-Rocket 中的高级规则可以帮助您从优化中排除网站的某些部分。特别是对于具有大量动态内容的网站,排除对网站特定部分的优化会有所帮助。

切勿缓存 URL。

从缓存中排除一个或多个页面非常容易。毕竟,您不希望缓存所有内容,例如电子商务网站上的购物车。 WP-Rocket 已经与以下插件兼容:WooCommerce、BigCommerce、Easy Digital Download、iThemes Exchange、Jigoshop 和 WP-Shop。如果您使用其他电子商务插件,我建议从此处的缓存中排除特定组件。

从不缓存 cookie

此功能可防止基于指定 cookie 的存在进行缓存和优化。 Cookie 通常用于为网站用户定制内容。

理想情况下,内容是使用 AJAX 方法动态更新的。尽管有些小部件/插件使用 PHP 代码。 PHP 不在缓存页面上运行,因此其内容被缓存。

作为一种解决方案,一旦在浏览器中设置了特定的 cookie,就可以阻止提供缓存页面。

当使用 PHP 代码更新购物车中的商品时,通常会使用 WP Rocket 中的“从不缓存 cookie”功能。为了防止错误显示商品的数量/价格,可以在将商品添加到购物车时将页面排除在缓存之外(即由电子商务插件/小部件设置 cookie)。因此,在此处进行任何设置之前,需要一些技术知识。

切勿缓存用户代理。

该功能用于防止在某些设备和浏览器上提供缓存和优化的页面。

用户代理请求标头是一个字符串,允许服务器识别操作系统、供应商和/或用于打开页面的浏览器版本。因此,如果您想从缓存中排除某些用户代理字符串,可以在此处输入它们。同样,根据您管理的网站类型,还需要一些技术知识。

始终为空 URL。

当更新帖子或页面时,缓存将被部分清除,即仅清除该帖子或页面及其相关内容(例如分类档案)的缓存。如果您发现某些其他页面上的相关内容未更新(例如显示博客文章的页面),您可以使用“始终为空 URL”功能。

阅读
禁用或删除“此网站使用 cookie”通知

缓存查询字符串。

默认情况下,WP Rocket 不会缓存带有查询字符串的页面,尽管有一些非常具体的例外情况。

查询字符串是一个 URL,其中包含一个问号,后跟一个参数和一个值,如下所示:

example.nl/pagina/?land=荷兰

在本例中,国家/地区是参数,荷兰是值。如果您希望缓存本例中的参数“country”,请在此处输入。需要一些技术知识以及您管理的网站类型。

数据库

WordPress 网站有一个底层数据库。各种数据和关系都保存在这个数据库中。建议定期清理数据库中的这些数据和关联关系。 WP-Rocket 可以优化您网站的数据库。

WP-Rocket 数据库设置

清理消息

WordPress 中的帖子(博客文章)跟踪修订和自动草稿。如果 WordPress 数据库中有许多修订和草稿,数据库可能会变满,从而减慢数据库中的查询速度。 WP-Rocket 可以永久删除清理修订、草稿和已删除的消息。在使用这些数据库功能之前始终进行备份非常重要!

清理评论

垃圾邮件和旧的(已删除的)评论是多余的,并且会用不必要的数据填充数据库。

清理瞬变

瞬态只不过是临时选项,它们会在数据库中保留一段时间,这意味着一旦实现其目的,它们就会过期。因此,您可以通过 WP-Rocket 安全地将其删除。

清理数据库

数据库优化是减少数据库系统响应时间的方法。

数据库为我们提供了以分层和相关结构存储的信息,这使我们能够轻松组织内容。定期优化数据库表可以降低数据库响应速度(响应时间),从而使数据库速度更快,从而减少网站访问者的等待时间。

CDN(火箭CDN)

RocketCDN 是 WP-Rocket 的专有内容交付网络。这是一项可选的付费订阅服务。使用 CDN 将有助于缩短远离服务器所在位置的访问者的网站加载时间。

WP Rocket RocketCDN

关于RocketCDN的更多信息,请参考 RocketCDN信息页面.

心跳

WordPress Heartbeat是从WordPress 3.6版本开始引入的API服务。顾名思义,心跳 API 发送连续脉冲(技术上称为滴答)来执行周期性任务。这有助于浏览器使用 AJAX 调用与服务器通信,并在 WordPress 仪表板上提供实时信息。

WP-Rocket 心跳设置

如果 WordPress 心跳由于插件或 WordPress 本身的提示而不断忙于执行任务,这将极大地减慢您的网站速度。在 WP-Rocket 中,您可以稍微限制或禁用 WordPress 中的心跳。您可以限制后台进程、WordPress 编辑器中的进程以及前台运行的进程的心跳。考虑 Ajax 调用等。建议限制所有组件上的这些心跳进程。限制心跳后检查您的网站和 WordPress 主题(如果一切仍然正常)。

附加组件

在 WP-Rocket 中,您有许多标准附加组件。如果您使用这些附加组件,它们有助于进一步优化您网站的某些部分。

WP 火箭插件

谷歌追踪

这样您就可以激活“Google Tracking”插件。通过激活此功能,您可以将 Google Analytics 在您网站上使用的脚本从外部脚本移至内部脚本。然后,网络服务器会减少与外部服务器的连接,从而提高 Google PageSpeed 的得分等。如果您使用Google Analytics,请启用此功能。

Facebook像素

Facebook Pixel 也是一种跟踪方法。这是与 Facebook 服务器的另一个连接。如果您想优化您的网站,最好尽可能限制与您自己的服务器的所有连接,外部连接意味着浏览器的等待时间,这可能会减慢网站速度并导致 Google PageSpeed 得分较低。如果您使用 Facebook Pixel,请启用此功能。

清漆(缓存)

如果您的网络服务器使用 清漆缓存 然后启用该选项。当您在 WP-Rocket 中指示要清除缓存时,WP-Rocket 将清除 Varnish 缓存。

CloudFlare的

您可以直接从 WP-Rocket 设置管理 CloudFlare 设置。提供您的帐户电子邮件、全局 API 密钥和域,以使用清除 Cloudflare 缓存和启用 WP Rocket 的最佳设置等选项。

Sucuri

Sucuri 是一项保护您的 WordPress 网站免受攻击的服务。 Sucuri 还提供了一种缓存方法。如果您希望直接从 WP-Rocket 设置中清除缓存,请在此处输入所需的信息。

工具

WP-Rocket 为您提供了一些工具,这些工具用于管理 WP-Rocket 本身的设置。这是导出 WP-Rocket 设置的方法。如果最新版本导致您的网站出现问题,请导入设置并安装旧版本的 WP-Rocket。

WP-Rocket 工具设置

我希望有关 WP-Rocket 和 WP-Rocket 功能的信息对您有所帮助。如果您对 WP-Rocket 设置还有其他疑问,可以在本文底部的评论字段中询问。


问题解决了吗?


也帮助其他人。
在网站、论坛或社交媒体上分享这篇文章。

加入我们新的计算机论坛以获取问题和计算机帮助。
您有电脑问题吗?

电子邮件地址将不会被发表。 必填字段标有 *