所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

WP Rocket 插件教程,提升 100% WordPress网页加载速度

你觉得自己的 WordPress 网站速度很慢吗? 因为加载速度太慢,所以总是让访客等到不耐烦直接跳出了吗?

这篇文章主是要帮助觉得自己网站很慢 WordPress 新手站长,通过启用 WP Rocket 这款快取插件,在不删减任何其它内容的情况下,提升自身的网站速度,并增加访客继续停留在网站的时间。

这是我目前网站在 Google PageSpeed Insights 中的速度表现,可以看到通过 WP Rocket,我的网站速度获得了 91 分的高分,不仅让用户可以快速地浏览网页,也加强了网站的 SEO 表现。

所以,如果你也想要获得跟我网站一样的速度与评分的话,那么就继续看下去吧!

内容目录

1为什么你的网站很慢?
2什么是缓取插件?
3WP Rocket 介绍
4安装 WP Rocket 

4.1前往官网购买 WP Rocket
4.2下载 WP Rocket
4.3上传 WP Rocket 到 WordPress
4.4开始设定 WP Rocket
5WP Rocket 设定教程 

5.1快取
5.2档案优化
5.3媒体
5.4预先加载
5.5进阶规则
5.6数据库
5.7CDN
5.8心跳
5.9附加功能
5.10如何清除快取?
6WP Rocket 常见问题

为什么你的网站很慢?

如果你觉得你的网站用起很慢、很卡,其实是因为你的网站加载时间太长,所以才导致你使用起来很不顺。

所谓的网站加载时间,是根据你网站上的内容、以及功能的多寡来决定的,所以,如果今天你网站上的内容比较多,那么访客来到你的网站,就会需要花费比较久的时间才加载完所有的内容。

举例来说,这是点击我网站的首页,访客所需要加载的全部内容,一共向服务器发送了89条请求,并花费了2.85秒才完全加载完成。

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 4

因此,如果你今天想要真的从根本上提高网站的加载速度,那么当然就是尽量减少网站的内容,例如:不要装太多插件,尽量用 WordPress 内建的设定。

不过在大部分的情况下,有些功能是我们一定要有的,如果没有的话网站就会变得很难用,反而失去了搭建网站的意义。

但是多加装了这些功能的话,又会造成网站速度缓慢,让访客难以忍受,那么,该怎样才能解决这种两难的情况呢?

答案很简单,只要将你的 WordPress 网站启用「快取插件」,就可以在兼顾网站内容与功能的情况下,维持网站速度的水平。

什么是缓存插件?

简单来说,所谓的缓存就是通过某种技术,预先产生一个静态的页面,当访客来访的时候,服务器就不用重新生成新的页面,而是可以直接把这个静态页面给访客看。

举例来说,为什么麦当劳出餐可以这么快呢? 就是因为它们已经先将汉堡做好了,所以等你到柜台点餐的时候,它们就可以快速将餐点准备好给你,而这点就跟快取是一模一样的。

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 5

当然,快取也有缺点,由于快取是一种预先生成的暂存档案,所以当我们修改网站的时候,网站前台被快取所覆盖住了,所以你更新过后的东西并不会马上显示在网站前台。

如果这时候有访客来你的网站,那他们看到的网站仍然是旧网站(快取),必须要透过手动清除快取,才能让网站的更新显示出来。

不过这个问题其实很小甚至也可以忽略不计,因为以接下来要介绍的快取插件而言,每当你有修改过网站的内容,它便会自动帮你清除快取,相当方便!

总之,我们可以透过快取插件,在兼顾网站内容与功能的情况下,维持快速的网站速度水平,如果这也是你想要追求的目标的话,那就请你继续看下去吧。

WP Rocket 介绍

WP火箭之家

WP Rocket 是一款付費制的全方位的 WordPress 快取插件,同時也是很多人心目中第一名的快取插件 ( 包括我 )。

WP Rocket 最大的特色就是「设定简单,功能强大」,它们将原本繁琐复杂的速度调校配置,都以简单的可视化区块呈现,因此你只需要用鼠标勾选以及按下储存,就可以一键完成所有设定,相当方便!

除此之外,你也不必担心看不懂设定中相关的程序词汇,因为 WP Rocket 也有提供完整的繁体中文化,基本上上面的设定都写得蛮清楚的,不会像其它快速插件一样艰涩难懂。

费用大约落在 1 个网站美金 $ 49/年,其实不算便宜,但是,却能节省下你使用网络上那些免费、但却没什么用的快取插件,它们所浪费的时间,以及拆装时对数据库造成的负担。

因此,我个人觉得花这点小钱,换取网站加载速度的提升、与更好的用户体验,是非常值得的。

启用 WP Rocket

安装 WP Rocket

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 6

上图为 WP Rocket 设定接口,但由于 WP Rocket 是一款付费插件,因此无法透过 WordPress 后台的插件区域进行下载,必须另外前往 WP Rocket 官网进行下载。

所以,接下来我将会带领你一步步地完成 WP Rocket 的安装,最终将会帮助你提升你 WordPress 网站的速度,搭上这一班 WP Rocket 高速列车!

值得注意的是,由于 WP Rocket 不支持 WordPress.com,所以如果你的网站是使用 WordPress.com 搭建的,那么你可能无法使用 WP Rocket。

前往官网购买 WP Rocket

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 7

前往 WP Rocket 官网进行购买,挑选适合你的方案。

WP Rocket 一共有 3 种方案,可以使用的网站数量,依照你购买的方案而有所不同:

1. Single – 只能用于 1 个网站,一年免费更新与支持,价格为 $ 49 美金/年。
2. Plus – 可以用于最多 3 个网站,一年免费更新与支持,价格为 $ 49 美金/年。
3. Infinite – 可以用于无限个网站,一年免费更新与支持,价格为 $ 49 美金/年。

启用 WP Rocket

详细方案请参阅 WP Rocket 官网。

下载 WP Rocket

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 8

购买完成之后,登入帐号里面进行下载 WP Rocket 插件程式文件。

上传 WP Rocket 到 WordPress

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 9

接着回到 WordPress 中上传插件处,将刚刚下载的 WP Rocket 文件上传并启用。

由于一个网站只能用一个快取插件,所以如果你的网站已经有快取插件了,例如Siteground的SGoptimizer、Cloudways的Breeze,记得要先把你原本的快取插件停用,才能正常启用WP Rocket。

开始设定 WP Rocket

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 6

安装好 WP Rocket 之后,前往 WordPress 后台,并在左边工具栏中的「设置」中找到「WP Rocket」,即可开始配置。

WP Rocket 设定教程

安装完 WP Rocket 之后,并不代表网站速度就会变快,接下来,我们还需要进行一系列的设定,才可以把 WP Rocket 调校好。

WP Rocket 的设定非常全面,从最基本的快取、媒体甚至到数据库,几乎把所有可以提升网站速度的选项都列出来给你选了。

但是,如果你是完全不懂代码的新手,你可能还是会对于上面的选项与名词解释看得一脸茫然。

因此,接下来的设定,我会每一条逐条解释给你听,如此一来,你就可以依照自身的情况去做设定。

不过,如果你还是怕自己弄会出错的话,你可以直接照抄我图片上的配置,那是我预先准备好的比较安全的设定方式。

快取

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 11
  • 行动装置缓存( ✔ ):指的是要不要在手机版上也启用快取,建议勾选,因为现在大部分也都是手机用户居多; 如果不启用的话,手机浏览者会直接读取 WordPress 数据库的内容,虽然能确保一定是最新的,但是加载速度会很慢。
  • 针对移动设备建立独立的缓存文件:启用之后,WP Rocket 会独立为手机版网站建立一个快取,这边建议不要勾选,如果你的手机版跟电脑版的网站,外观差很多才建议取用,否则很容易产生在手机版上出现跑版的问题。
  • 用户快取:勾选后会对每个用户产生独立快取,如果你是做电商的,有顾客需要登入你的网站才需要开启,或是你的网站有多个管理者再开启就好; 如果你只有一个人管理网站,那就不用开启,节省站点空间。
  • 缓存生命周期:系统自动清除缓存的时间,这边可以用预设的 10 小时就好,因为 WP Rocket 也有提供手动清除快取的功能,可以让你随时想清除就清除。

档案优化

基本设置

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 12
  • 压缩 HTML (✔):将 HTML 代码中的空白与注解部分删除,让文件大小变小,进而加快网页加载速度。
  • Optimize Google Fonts (✔):将分开的 Google Fonts 字体档案合而为一,如此一来便可减少 http 的请求数目,进而加快网页加载速度。

可以两个都勾选,这两个选项都是在做代码的压缩处理,基本上不会出问题。

如果修改之后网站有字体出问题的话,就把 Optimize Google Fonts 取消勾选。

CSS 文件

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 13
  • 压缩 CSS (✔):将 CSS 代码中的空格与注释部分删除,让文件大小变小,从而加快网页加载速度。
  • 合并CSS:假设你原本有10个的CSS档案,透过这个选项可以将其合并成1个CSS文件,通过降低 http request 来达到网站加速的效果,可以依照个人状况进行勾选,不过启用合并CSS很容易造成跑版的问题,要小心使用(不过在一般的情况下,合并档案只会让速度检测的分数提高,而不会真正提高站点速度)。
  • 优化 CSS 分派 ( ✔ ):这是一种叫做 ( 关键 CSS) 相关的技术,因为在预设的情况下,浏览器会等到 里面的 CSS 加载完之后才会开始渲染页面; 所以说,如果我们能最小化 中的 CSS,也就是说我们只放重要的 CSS,就可以享有更快速的加载速度,因此必须勾选。Critical CSS<head><head>

JavaScript 文件

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 14
  • Remove jQuery Migrate ( ✔ ):因为 WordPress 会内建帮我们加载一个 的文件,这已经蛮旧的了,其实在大多数的情况用不到了,透过勾选这个选项可以将其移除,详细请参阅官方文件。jQuery-migrate.in.js
  • 压缩 JavaScript (✔):将 JavaScript 代码中的空格与注释部分删除,让文件大小变小,从而加快网页加载速度。
  • 合并 JavaScript:假设你原本有 10 个的 JavaScript 文件,通过这个选项可以将其合并成 1 个 JavaScript 文件,通过降低 http request 来达到网站加速的效果,可以依照个人状况进行勾选,不过 JavaScript 是掌控网站上许多动态效果的程式语言,所以合并的话可能会让网站的许多功能失效, 例如:Google 广告、弹出窗口等 ( 不过在一般的情况下,合并档案只会让速度检测的分数提高,而不会真正提高站点速度 )。
  • 异步加载 JavaScript (✔):优化网站中清除前几行内容中的禁止转译 JavaScript,让网站加载更快速,异步的意思就是让网站可以同时处理两件事情以上。
  • 针对 jQuery 的安全模式 ( 建议) (✔) :异步装入 JS 的安全模式确保写在主题或插件中的 jQuery 能正确被执行到,不采用安全模式的话可能会发生错误! 停用的话可能会造成错误!
WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 15
  • Delay JavaScript Execution ( ✔ ):这个选项可以让你延迟执行一些 JavaScript 相关的网页功能或插件,例如弹出式窗口,因为弹出式窗口本身其实跟你要加载的网页没有太大的相关,因此我们可以透过这个选项延迟执行这些功能,并让第一时间的网页加载速度更快。

补充:何谓档案压缩?

所谓的档案压缩,指的是将代码档案里面的空白、与注解部分进行删减。

如此一来,便能减少档案大小,而当档案变小之后,即可加快加载速度,并且不会对代码本身造成任何影响,仍然可以保持正常运作。

但是,进行压缩过后的档案会变得难以进行人工阅读与修改,这点要非常注意,不过如果是透过 WordPress 插件来修改的话,就没有这个问题。

举例来说,这边是一个没压缩过的 JavaScript 文件 (291KB ),以及一个有压缩的 JavsScript 文件 ( 87.3KB ):

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 16
没有压缩的 JavaScript 文件 ( 291KB)
WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 17
压缩过后的 JavsScript 文件 ( 87.3KB )

总之,透过压缩,可以有效地减少档案大小。

媒体

延迟装入( Lazy Loading)

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 18
  • 针对图片使用延迟装入 ( ✔ )
  • 针对 iFrame 和视频使用延迟装入 ( ✔ )
  • 使用预览图片取代 Youtube 播放器 (✔):如果你有大量 YouTube 视频在单一页面中,这可以显著地改善加载时间。

Lazy Loading 是一种网页加载的加速技术,举例来说,它可以让你浏览到某张图片时,才进行加载那张图片。

如果不使用 Lazy Loading 的话,网页就会在一开始就把所有的图片加载完成,因此如果你的网页非常长、内容非常多,可能会大幅增加用户在第一次加载的时间。

不过Lazy Loading还蛮容易跟许多主题以及插件冲突的,因此如果使用后,你的网站上有图片跑不出来,请把Lazy Loading全部关掉。

表情符號

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 19
  • 禁用表情符号 ( ✔ ):禁用表情符号 ( emoji ) 来减少外部的 HTTP 请求。

使用电脑中默认的表情符号,避免另外从 WordPress.org 下载来增加加载时间的负担。

内嵌

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 20
  • 关闭 WordPress 内嵌功能:预防你的网站被别人嵌入在他自己的网站 ( 或是非白名单网站 ),以及移除 WordPress 自动内嵌影音功能的 JavaScript。

这个不太需要,因为不会有人去内嵌你的网站到它们自己的网站。

网络兼容

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 21
  • Enable WebP Caching( ✔ ):额外启用 WebP 图片格式的缓存文件。

.webp 是一种 Google 新开发出来的网页图片格式,它使用了 Google 在网页开发上的最新技术,能够提供无损与有损的方式,来进行图片的优化。

一般来说,如果你使用作为图片格式的话,不仅能保持跟, 等类型的图片档案相同的画质与分辨率,但是却可以节省原本的 25% ~ 35% 的文件大小,是标准的百利而无一害的图片格式。.webp.jpg.png

因此,通过将你网站的图片格式换成 ,你就可以在不牺牲任何图片画质的情况下,享受更快的网站加载速度,并带给网站访客更好的用户体验。.webp

不过 WebP 不是勾选就启用了唷,还必须搭配像 ShortPixel 这种图片压缩插件,另外生成 格式的图片才可以。.webp

详细的 WebP 设置教程,请参考:

预先加载

Preload Cache ( 预先装入缓存)

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 22
  • 激活预加载 ( ✔ )
  • 启用以网站地图为缓存的预先装入功能 ( ✔ )
  • Rank Math XML sitemap (✔):这边会自动检测你的SEO插件而给予你选项(有支持的才有),由于我的SEO插件是Rank Math,因此,这边会自动生成此选项。

由于快取是一种加载后才生成静态网页的技术,因此如果你没有开启预先加载快取,那么用户在第一次加载的时候并不会享有快取带来的好处,所以这边我们需要把快取给打开。

而网站地图( Sitemap) 是用来告诉系统你有那些网页需要生成快取的,因此也要打勾。

预加载链接

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 23
  • Enable link preloading ( ✔ ):这个选项可以让访客将鼠标移至 (Hover ) 时,便开始执行加载,有点像是你去参加百米赛跑,如果说起跑的枪响就是点击链接的话,那么 Preloading 将可以让你在枪响之前就开始起跑,并且不会被判为违规。網站中的任何連結

預要取得 DNS 請求

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 24

由于我们的网站会用到一些第三方的服务商,例如 Youtube, Google Fonts 等,这时候可以预先通过 DNS 向他们要数据,进而提升网站速度。

  • 预先获取的 URL:把你网站常到用的服务商,前面的网址移除 或 ,只留下 ,例如 。http:https:////youtube.com

至于要如何取得你网站用到的服务商呢? 你可以直接通过 Prefetch 这个工具,找出你网站中用到的所有服务商,并将获得的结果直接贴入到 WP Rocket 之中。

例如这是我使用 Prefetch 之后的结果:

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 25

当你获得了这一串之后,就全选并回 WP Rocket 中复制贴上即可。

进阶规则

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 26

这边主要是设定哪些网址或装置,不要有快取、Cookie 等设定,除非你有特殊需求,否则基本上可以先留白就好。

数据库

在 WordPress 中,你的文章、页面上所有的内容曾经修改过的纪录都储存在数据库,而随着网站越用越久,你的数据库会堆积许多无用的资料。

所以,这时候就可以通过 WP Rocket 提供的数据库清除功能,把这些没再用的数据进行移除,减轻网站负担。

基本上,以下选项全部勾选就好了,不会对网站影响什么,只是把一些以前的纪录删掉而已。

文章清理

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 27

文章版本与草稿将会被删除,如果你需要还原版本或草稿,不要使用此功能。

回响清理

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 28

垃圾留言将被删除。

临时选项清理

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 29

临时选项可以安心移除,他们是由插件所自动产生的。

数据库清理

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 30

减少过大的数据表。

自动清理

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 31

CDN

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 32

如果你有使用 CDN ( 内容交付网络 ),例如 Cloudflare 的服务的话,可以使用 WP Rocket 的整合 CDN 服务; 如果没有的话就不用设定,其实没差多少,而且不懂的话很容易出问题。

简单来说,CDN 就是让你网站的浏览者,观看网页的时候会经由比较靠近它们附近的服务器。

例如你的网站架在美国,而浏览者在中国,这时候在中国看的人就可以直接连到服务商在日本的机房,不用大老远地跑去美国,达到网页加速的目的。

心跳

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 33

HeartBeat是一种调节网站发送POST请求的技术,你可以透过使用HeartBeat,来管理及限制网站发送POST的数量与频率,减少主机效能的耗损。

我个人觉得不需要特别去设定,如果是因为主机效能差导致网站速度过慢的话,直接花钱升级主机会是比较好的做法。

附加功能

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 34

这里有一些跟 WP Rocket 整合的大型服务商与插件,基本上不太需要去做设定,因为对网站速度没有提升,只是比较好管理而已。

如何清除快取?

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 35

完成上面的设定之后,以后如果你需要清除缓存,只要在登录状态下,点击上方工具栏的 中即可清除!WP Rocket

可以依照你想要清除的快取进行选择,如果怕遗漏的话,基本上就是全部都按过一轮就对了。

WP Rocket 常见问题

WP Rocket 是什么?

WP Rocket 是一款付费制的全方位的 WordPress 快取插件,它可以通过 Preload Cache, Lazy Loading, WebP 等技术,去大幅地提升你的 WordPress 网站的加载速度,进而提升你网站的 SEO 排名。

谁适合使用 WP Rocket?

WP Rocket 适用于所有 WordPress 的网站拥有者,这是因为 WP Rocket 的界面十分简单好上手,所以即使你不懂任何代码,也能轻易进行设定。

除此之外,WP Rocket 也提供了许多高级的选项,让具有专业程序经验的人员也能进行定制化的改动。

WP Rocket 有免费试用吗?

WP Rocket并没有提供免费试用版本,不过它们有提供14天100%保证退费政策,你可以在购买日起的14天内进行全额退费。

WP Rocket 可以使用在几个网站?

可以使用的网站数量,依照你购买的方案而有所不同,WP Rocket 一共有 3 种方案:

WP Rocket 插件教程,提升 100% WordPress 网页加载速度 | 36

 

1. Single – 只能用于 1 个网站,一年免费更新与支持,价格为 $ 49 美金/年。
2. Plus – 可以用于最多 3 个网站,一年免费更新与支持,价格为 $ 99 美金/年。
3. Infinite – 可以用于无限个网站,一年免费更新与支持,价格为 $ 249 美金/年。

详细方案请参阅 WP Rocket 官网。

WP Rocket 可以升级方案吗?

WP Rocket 可以随时升级你的方案,并且只需要补足差额即可,不过仍以首次购买日期计算。

WP Rocket 有没有售后服务?

有的,购买 WP Rocket 后有任何问题,均可以通过官网的 Support 专区发送 Ticket 进行提问。

WP Rocket 适用于 WordPress.com 吗?

WP Rocket 并不支持于 WordPress.com 搭建的 WordPress 网站,仅供 WordPress.org 下载的自架式网站,这点要特别注意。

WP Rocket 可以和其它缓存插件共享吗?

WP Rocket 不能和其它快取插件共用,例如 SG Optimizer, Breeze, WP super cache, W3 total cache。

WP Rocket 真的有效吗?

其实如果你的网站没有快取插件,基本上一定有效,但如果你原本就有使用的快取插件了,那提升的效果可能有限。

WP Rocket 的主机规格需求?

WP Rocket 可适用于Apache跟Nginx主机上,不过最低的PHP版本需大于5.6。

整体评价

可湿性粉剂火箭

WP Rocket是一款付费制的全方位的 WordPress 快取插件,同时也是很多人心目中第一名的快取插件,透过启用 WP Rocket,它可以帮助加快你网页的加载速度,进而提升你网站的 SEO 排名。

原文链接:https://www.itaoda.cn/blog/2570.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

× 发送
微信扫一扫

海量独立站商城

本站拥有海量商城独立站模版,涉及各行各业产品,提供免费安装部署,免费对接支付,提供物流发货解决方案,支持多语言、多币种。更多帮助,请直接在右下角联系客服

禁止将网站用于含诈骗、赌博、色情、木马、病毒等违法违规业务,本站将暂停一切售后。

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板