欢迎访问 [筑砼匠] ,
我们努力分享有用的专业知识。

WordPress缓存插件 WP Rocket配置教程

网站的性能是网站最重要一部分,会影响SEO和用户参与度,也是网站取得成功必备优势。然而,出色的性能对于新手来说可能很难实现。本文我将WordPress的最强大的性能插件WP Rocket配置方法说明一二,不足之处还请大家批评指正。

什么是WP Rocket?

如果使用共享主机托管站点,则可能需要自行实现缓存。使用缓存插件是最简单方法。WP Rocket恰好是可用于WordPress的最强大的缓存插件之一。WP Rocket提供页面缓存,浏览器缓存以及其他功能列表,这些功能将帮助您优化网站的速度。同样,如果您想了解更多有关此插件的内容以及其性能信息,可浏览我们的WP Rocket教程和比较文章。

如何使用WP Rocket加快您的WordPress网站

因为是高级插件,您必须先购买WP Rocket的许可证,然后才能下载它。单个站点许可证的价格49美元。第一年后,可以30%的折扣续订支持和更新。
购买WP Rocket后,从您的帐户下载它,从WordPress管理员中“添加新插件”页面上载ZIP文件夹或通过FTP手动将解压缩后的版本上传到您的站点来进行安装。
无论哪种方式,在安装完成后立即将其激活。完成后,您应该在WordPress管理员中看到WP Rocket仪表板:

您可以通过“WordPress仪表盘”->“设置”->“WP Rocket”来访问此仪表板。
在WP Rocket 新版本中,新增了一项“Remove Unused CSS”功能,用以删除WordPress建站中未使用的CSS代码。

进行初步测试

建议您在激活插件后立即进行速度测试,以评估它使您的网站快多少。
使用Pingdom,GTmetrix和Google PageSpeed Insights等工具在没有WP Rocket的情况下测试您的网站。通过在URL末尾添加“ /?nocache”查询参数,可以在不停用WP Rocket的情况下执行此操作。要在没有WP Rocket的情况下进行测试,获取首页URL或最受欢迎的页面或帖子的URL,然后将query参数添加到末尾,如下所示:

  1. WP Rocket主页:com
  2. 没有WP Rocket的首页:com/?nocache
  3. WP Rocket的博客文章:com/your-blog-post
  4. 没有WP Rocket的博客文章:com/your-blog-post/?nocache

将该URL输入Pingdom,GTmetrix 或者PageSpeed。对于Pingdom,请选择最接近您服务器数据中心的测试位置。测试完成后,记下在Pingdom中的加载时间,在GTmetrix中的性能得分和加载时间,以及在PageSpeed中的移动和台式机性能得分。

WP Rocket插件配置教程

WP Rocket仪表盘

注意:除非您想成为 beta 测试人员 或让 WP Rocket 匿名收集您的数据,否则WP Rocket测试者 和 WP Rocket分析这两个选项都将被关闭,这会导致(非常小的)性能下降。
在开始优化WP Rocket之前,您可以看到信息中心配置操作的汇总:

  1. 查看我的帐户–在新选项卡中打开您的WP Rocket帐户。
  2. 清除缓存–清除整个网站的缓存,以确保新的更改生效。您还可以通过将鼠标悬停在WordPress管理员顶部菜单中的WP Rocket选项上来访问此设置。各个帖子和页面也可以被缓存。
  3. 预加载缓存–生成主页及其链接到的页面的缓存版本。由于默认情况下会激活预加载功能,因此您一开始无需使用此功能。

WP Rocket 缓存

让我们看一下仪表板的“缓存”部分。

  1. 移动缓存–为移动设备启用缓存。如果您的移动网站使用插件,请仅启用“移动设备的单独缓存文件”。
  2. 用户缓存–保持禁用状态,除非有多个用户登录您的网站,有用户特定的内容。它为每个用户提供自己的缓存版本。
  3. 缓存有效期-较低的数字意味着缓存将更频繁地刷新,会消耗更多资源。较高数字的缓存寿命意味着它不会频繁刷新,但可节省资源。

默认情况下,应检查移动缓存,如果您的站点响应,则应保持选中状态。默认情况下,会为台式机和移动用户生成相同的静态文件。如果您向移动用户显示不同版本的网站,请选中“移动设备单独缓存文件”选项。

如果您运行用户必须登录的网站,例如会员网站,论坛或内容已锁定到注销用户的网站,请选中“用户缓存”选项。

WP Rocket CDN

让我们跳到CDN部分。

如果您在站点上使用内容交付网络或CDN,请选中此选项,然后在此处添加CNAME。您还可以指定应从此选项中排除的URL。如果您使用Cloudflare,请转至“附加组件”部分,然后启用免费的Cloudflare附加组件。

WP Rocket文件优化

CSS和JavaScript控制WordPress网站上的大多数样式和功能,而这些类型的文件并不一定总是单独进行优化。通常,优化这些文件将意味着依赖于一些不同的插件。WP Rocket内置了这些功能,它们实际上对站点速度有重大影响。

在WP Rocket文件优化设置中,minifyCSS/JS应该开启,但是合并CSS/JS应该只对CSS/JS文件较小的网站开启。优化CSS交付可能会导致布局变化(您需要对此进行测试)并且应该启用其他所有功能,包括删除未使用的CSS、延迟加载JavaScript和延迟JavaScript执行。理想情况下,您应该在Lighthouse或GTmetrix中测量结果时单独测试每个设置。

压缩CSS/JS文件——启用从代码中删除空格的缩小。如果您使用的是支持缩小的CDN,则使用它进行缩小并在WPRocket中禁用它会更快。
合并CSS/JS文件——根据WPJohnny的说法,具有较小CSS/JS(小于10KB)的网站应该合并,而具有较大CSS/JS大小的网站不应该合并。检查您的GTmetrix瀑布图。如果你的CSS/JS小于10KB,你通常应该合并。如果它超过10KB,你不应该。在使用HTTP/2和HTTP/3服务器时,组合CSS+JavaScript文件也会导致问题。
排除CSS/JS文件——如果压缩CSS/JS文件破坏了您的网站布局,请查看您的源代码,找到有问题的文件并添加它。
优化CSS交付——页面将在没有CSS样式的情况下开始加载。有时不能正常工作,并可能导致布局变化(网络生命体征中的CLS得分更差)和FOUC。

  1. 删除未使用的CSS—繁重的CSS和JavaScript通常是由页面构建器(特别是Elementor和Divi)和插件引起的。虽然这可以帮助减少Lighthouse中未使用的CSS,但应该真正从源头优化它。在CSS中编写页眉、菜单、页脚和侧边栏,还应该使用AssetCleanUp或Perfmatters之类的插件来删除未使用的CSS+JS。
  2. 异步加载CSS—WP Rocket 3.9 或 更早版本,指的是优化CSS交付;在WP Rocket 3.10及更高版本中,该功能被命名为Load CSS Asynchronously。这不能与删除未使用的CSS同时启用。激活“异步加载CSS”选项时,将在后台为您的网站生成关键路径CSS,并在下一页加载时添加。之后,CSS将在您的站点上加载而不会出现渲染阻塞

通过删除不必要的内容,可以减小HTML,CSS和JS文件的大小。

单击“保存更改”,然后刷新页面,以确保插件预加载了页面并生成了关键的CSS文件。之后刷新您的站点,以确保没有任何损坏。如果遇到麻烦,请查阅WP Rocket文档的“故障排除”部分。

  1. 压缩JavaScript文件–移除空白字符和注释以减小文件体积。
  2. JavaScript异步加载–可以消除您网站阻塞渲染的JS以改善加载时间
  3. 延迟JavaScript执行——延迟加载JavaScript,直到用户交互(即滚动或触摸移动设备上的屏幕)。这是WPRocket自动排除的脚本列表,但您可以延迟其他文件(即Lighthouse报告中的第三方代码)。

以下内容为2023.4.21日更新,WP Rocket插件v13版本新增一键排除功能

使用一键排除功能时,您可能会注意到需要一些时间或用户交互才能显示特定元素,例如菜单或位于视口中的表单。如果您正在使用以下任何插件/主题/服务,您可以通过在下面选择它们来阻止它。

优化媒体

使用WP Rocket,您可以通过对图像和视频启用延迟加载来优化媒体。懒加载可防止在用户滚动到介质之前加载介质。这可以提高网站性能,尤其是对于生成长格式内容的网站。

注意:上图为旧版本插件,在WP Rocket新版本之后,禁用Emoji表情已经自动开启了,没有此选项了。要启用此功能,请选中“为图片开启”和“框架和视频”。如果您在网站上使用大量YouTube视频,请启用YouTube选项。默认情况下,应禁用禁用emoji符号”选项。它不会删除表情符号。它通过启用用户的浏览器表情符号而不是从WordPress安装中拉出它们来简单地提高站点性能。选中WordPress嵌入功能选项,以防止其他网站嵌入您的内容,消耗您自己的带宽。单击“保存更改”,然后再次运行性能测试。

  1. 延迟加载——延迟加载图像、iframe和视频,直到您向下滚动页面并且它们变得可见。这显着减少了初始加载时间和HTTP请求,但是在滚动时不断加载图像可能很烦人。总是延迟加载视频并用预览图像替换iframe,因为嵌入的视频非常重。
  2. 添加缺少的图像尺寸–-WPRocket将向HTML图像添加缺少的宽度+高度属性,修复在Lighthouse中的图像元素上使用显式宽度和高度。
  3. 禁用WordPress嵌入—可以防止其他站点将您的内容嵌入到他们的站点上,这会占用带宽并给您的服务器带来压力。

WP Rocket 预缓存

激活预加载,然后预加载链接,当用户将鼠标悬停在链接上时,该链接会在后台加载页面。预取 DNS 请求和预加载字体是浏览器资源提示的类型。预取是使用在减少第三方代码Lighthouse 报告的影响中找到的项目完成的。可以使用 GTmetrix 瀑布图中的字体进行预加载。

  1. 预加载——告诉浏览器开始获取即将需要的资源。
  2. 预加载链接–此功能使得如果用户悬停或触摸链接100毫秒或更长时间,该页面的HTML将在后台获取,以便当他们实际单击链接时,页面似乎几乎立即加载。
  3. 预取DNS请求–在Lighthouse或Chrome开发工具→源→覆盖范围中查看您的第三方代码报告。这些可以是来自社交共享按钮或嵌入式小部件的Google字体、标签管理器、AdSense、分析、YouTube、地图,甚至是Facebook/Twitter。
  4. 预加载字体——从GTmetrix Water fall复制您的字体文件(它们有一个字体文件选项卡)并将它们粘贴到WPRocket的预加载字体字段中。重新测试您的网站,它们应该加载得更快。

优化WordPress数据库

一般使用手动或插件优化WordPress数据库。此功能内置于WP Rocket,允许您删除不需要但存储在WordPress数据库中的文件,从而提高了网站性能。
建议检查除“自动草稿”以外的所有选项,以防止您当前正在处理的任何帖子或页面被删除。单击优化以立即优化数据库。
建议启用计划功能并将频率设置为至少一周。
如您所见,WP Rocket是最容易设置的缓存插件之一。提供的功能以及可以优化您的网站的程度而言,它也是最广泛的之一。

总结

以上是晓得博客为你介绍的WP Rocket插件配置教程WordPress缓存插件的全部内容,在WordPress建站中,缓存插件的使用可以一定程度上加快网站的响应速度,帮助网站提升用户体验度,也可对网站的SEO起到一定的积极作用。


WP Rocket 3.15

附件信息

名称:WP Rocket 3.15
版本:v3.15
下载附件
赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权。
文章名称:《WordPress缓存插件 WP Rocket配置教程》
本站资源仅供个人学习交流使用,请于下载后24小时内删除,不允许用于任何商业用途,否则法律问题自行承担。

评论/留言 抢沙发

筑砼匠_筑之所道,匠心天成。

筑砼匠建筑结构工程博客是专注于建筑结构、土木工程、结构工程、钢结构、工程设计、工程管理、工程规范、考试考证、工程专业软件使用等工程领域的技术型知识分享博客。

关于本站隐私政策

觉得文章对你有用就扫码赞助一下本站吧O(∩_∩)O~。

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起构建更加和谐的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册

Search
软件
主页
建筑
土木
error: Hi: 写作不易,请勿拷贝哦。