WP Rocket是一个用于WordPress加速的付费外挂,这个外挂提供多项加速技术,包括文件缓存管理、图片视频加载管理、数据库优化等等,同时可以与MaxCDN和CloudFlare无缝集成 (查看Cloud flare使用教程),在WP Rocket界面中管理MaxCDN和Cloudflare,同时可以大幅度的提升网站性能和速度。
- WP Rocket价格
- WP Rocket购买和安装
- Dashboard界面设置
- Cache界面设置
- File Optimization界面设置
- Media界面设置
- Preload界面设置
- Advanced Rules界面设置
- Database界面设置
- CDN页面设置
- Add-on界面设置
- 连接Cloudflace与WP Rocket
- 更新WP Rocket缓存
- 写在最后
WP Rocket价格
WP Rocket是一项付费服务,但是绝对物有所值,只需要设置一次,系统就会自动优化,不需要您的任何管理和后续操作,一劳永逸。WP Rocket目前提供三种不同的价格,您可以到官网查看具体的价格表:
- 用于一个网站 (Single):$39/年
- 用于三个网站 (Plus): $99/年
- 用于无限多个网站 (Infinite): $199/年
WP Rocket购买和安装
- 登陆WP Rocket主页,点击菜单栏的【BUY IT NOW】;
- 一共有三个付费选项(Single,Plus,Infinite),选择相应栏目下面的按钮【BUY WP ROCKET】进入购买页面;
- 填写邮箱、姓名等信息后,选择使用信用卡(Visa,MasterCard,American Express,Discover)或者Paypal进行付费,点击最下端的按钮【PLACE ORDER】;
- 付费完成之后,登陆您的账户,下载WP Rocket插件。请注意,下载完成后,您得到的是一个压缩ZIP文件,不需要解压缩;
- 打开您网站WordPress控制面板,点击左侧功能区的【Plugins】,进入后再点击顶端的【Add New】,再点击新页面顶端的按钮【Upload Plugin】;
- 在文件选择窗口,找到之前下载的WP Rocket压缩文件,点击【Install Now】完成安装,并且完成插件的激活;
- 恭喜您,WP Rocket已经安装完成,下面,登陆WordPress控制面板,在顶端会有一个WP Rocket的快捷键,点击您就可以看到下面的界面,从而开始WP Rocket的配置。

Dashboard界面设置
点击WP Rocket界面左边功能区的第一个选项【Dashboard】,您首先会看到您的License和到期时间,一般都是按一年的时间进行付费。之后,您会看到下面两个选项,如图所示:

- Rocket Tester: 选择是否加入WP Rocket的测试,我们选择OFF;
- Rocket Analysis:选择是否分享您的使用记录,这里我们选择OFF。
Cache界面设置
缓存界面包含三个设置:Mobile Cache (手机缓存),User Cache(使用者缓存), Cache Lifespan(缓存时间),下面我们逐一来介绍:
- Mobile Cache:是否为手机浏览网页提供缓存,这里我们勾选所有选项。

- User Cache: 是否仅仅为登陆的访客提供缓存。这里我们不勾选,从而为所有的网站访问者提供缓存。

- Cache Lifespan: 设定缓存保留的时间,超过这个时间,缓存的内容就会被删除。这里我们设置为10个小时,同时下图中圈中的【Preloading】是用于重新创建缓存,我们会在后面的设置中看到。设置完成后,点击最下端的【Save changes】。

File Optimization界面设置
这一个界面主要用于优化网页编写所使用的HTML、CSS和JavaScript语言程式,从而加速网站的加载速度,这里主要有三个方面的设置:
- Basic Settings: 这里我们勾选所有的选项。第一项是设置是否通过删除空白区和程序注解的方式减小HTML文件的大小;第二项设置是否合并谷歌字体;第三项设置是是否去除对于静态网页内容的请求参数。

- CSS Files: 请勾选以下三项,用于缩减和优化网页所使用CSS程序,使得服务器在读取和加载CSS文件的速度大大加快。

- JavaScript Files: 勾选以下的所有选项,用于减小和优化网站的JavaScript程式,达到网站加速的目的。设置完成后,点击最下端的【Save changes】。

Media界面设置
这一界面主要是设置图片和视频的加载方式,主要有以下三个部分的设置:
- LazyLoad:用于设置图片和视频的加载方式,选择是否使用LazyLoad。LazyLoad指的是网页上图片和视频的加载不需要一开始就完成,仅仅加载访客访问到的网页图片,也就是说,如果您的网页上有20张图片,那么当访客打开网页的时候并不加载所有的图片,仅仅加载访客在当前屏幕中可以看到的图片,随着访客翻页浏览更多内容的时候,系统才加载更多的图片,从而大大加快初次打开页面的速度。这里我们勾选下图中的所有选项。

- Emoji: 在编写网页内容的时候尽量不要使用Emoji,因为加载Emoji需要更多的加载时间。您可以勾选以下的选项使网页的Emoji不起作用,从而提高网页的加载速度。

- Embeds: 勾选下面的选项,从而不使用WorePress Embeds功能。设置完成后,点击最下端的【Save changes】。

Preload界面设置
这个页面的功能是在缓存(Cathe)过期的时候(我们之前将缓存的过期时间设置成了10小时)能够自动加载网页的新内容,从而加快访客访问网站的速度。这里有三个内容需要设置:
- Sitemap Preloading: Sitemap显示的是整个网站内容的框架,您可以使用Yoast来创建网站的Sitemap(点击查看Yoast创建Sitemap教程),创建完成之后,勾选下面的两个设置,从而在缓存过期的时候预加载网站的Sitemap。同时在最后一个名为“Sitemap for preloading”的文本框里填入网站的Sitemap地址,一般的格式都是https://网站域名/sitemap.xml。

- Preload Bot: 勾选【Automatic】,从而使得服务器能够自动更新预先加载的项目。

- Prefetch DNS Requests:设置预先需要加载的第三方服务网站地址,在下图的“URL to prefetch”文本区中,填入您网站所使用的第三方服务的网站地址。在下面的例子里面,我们使用了谷歌分析和脸书应用,所以我们填入了两个网站的地址。请您注意,在填写网站地址的时候省去”http:”或者”https:”,同时每一行只填写一个地址。设置完成后,点击最下端的【Save changes】。

Advanced Rules界面
- Never Cache URLs: 设置不需要缓存的页面,您可以将不希望缓存页面的URL填写在下面的文本区中,比如,您有一个电商网页的登陆页面,您可能就不希望缓存这个页面。这里,我们不填入任何信息。

- Never Cache Cookies: 设置不用缓存的Cookies,如果没有任何选项,保持空白不填。

- Always Purge URLs: 设置在更行博客页或者网页内容的时候,需要清除缓存的页面。比如,您的网页主页面列举的是所有的博客内容,当博客内容增加,那么您可能需要更新主页的缓存内容,这里我们保持空白。

- Cache Query Strings: 进行缓存参数的设置,我们保持此处空白。设置完成后,点击最下端的【Save changes】。

Database界面设置
这个界面是用于优化数据库的结构,清理数据库的冗杂内容。这个界面与其它的界面有所不同,其它界面主要是设置加速的参数,仅仅将设置进行保存,但是并不是立即执行。但是这一页面的功能是立刻优化数据库,所以点击最下面的按钮【Optimize】之前请将您的数据库进行备份。您可以查看博客【如何备份WordPress网站】。
- Post Cleanup:删除博客页的历史修改记录、删除自动保存的草稿以及删除垃圾箱中的博客页。这里我们一般只勾选第二项和第三项,而不勾选第一项,因为我们常常需要使用博客页的历史纪录来查找以前编写的内容。当然您也可以点选第一项,删除更多的占用网站资源的内容。

- Comments Cleanup:删除网站中的虚假评论和垃圾评论。

- Transients Cleanup:删除瞬态文件,很多文件是网站插件运行时所使用的临时文件,删除之后,如果插件仍然需要,会自动再次重建。 这里请勾选所有选项。

- Database Cleanup:清理和优化数据库结构,请勾选下面的选项。

- Automatic Cleanup:您可以设置是否自动进行以上设定的优化和清理过程。这里我们设置【weekly】,所以每个星期,WP Rocket都会自动进行一次数据库的优化和清理,保持数据库结构在处于最优状态。


全部设置完成之后,您会在页面的最下端找到一个【OPTIMIZE】按钮和一段提示“Backup your database before you run a cleanup! Once a database optimization has been performed, there is no way to undo it.“,就是告诫您在优化和清理网站数据库的时候需要做个备份,防止优化后,一些重要的文件丢失。当您备份数据库后,请点击按钮【OPTIMIZE】,进行数据库的优化。
CDN页面设置
- CDN:CDN指的是Content Delivery Network,中文叫做”内容分发网络”,在设置下面的选项之前,您需要事先设置好MaxCDN,点击查看【MaxCDN使用教程】。设置好之后,回到这里,勾选 “Enable Content Delivery Network”,并将MaxCDN的CNAME输入在下面的文本区中。

- Excludes Files from CDN: 如果网站有任何的网页不需要使用CDN,您可以在下面的文本区中将特定网页的URL列举出来,每一个URL占用一行。这里我们保持空白。

Add-on界面设置
这一界面允许用户添加第三方的服务,用于WP Rocket的集成管理,这里我们设置了以下两项:谷歌分析(Google Analytics)和Cloudflare。
- Google Analytics:在使用此项目之前,您需要实现设置好Google Analytics与当前WordPress的连接。

- Cloudflare:Cloudflare是一个完全免费的提供CDN和网站安全保护的服务,您可以参照【Cloudflare教程】为您的网站设置Cloudflare,之后再回到这里完成下面在WP Rocket的设置和集成。请将下面的选项 “Add-on status”设置为ON,然后点击最下方的按钮【MODIFY OPTIONS】进行 Cloudflare与WP Rocket的连接设置。

如何连接Cloudflace与WP Rocket?
进入Cloudflare与WP Rocket的连接界面,请输入从Cloudflare账户获得的三个信息:
- Cloudflare credentials: 这三个信息是您在注册Cloudflare时候所使用的信息:

Global API Key: 这个ID是针对您的Cloudflare账户而言的。点击这里,输入您的Cloudflare用户名和密码,滚动鼠标到页面最低端,找到Global API选项,选择右边的按钮【View】查看您的API Key,并且复制到上图的标号1。
Account Email: 这个是您的Cloudflare账户邮箱,输入到上图的标号2;
Zone ID:这个ID是针对您Cloudflare账户中的不同网站而言的,每一个您所设置的网站都会有相对应的Zone ID。登陆您的Cloudflare,输入用户名和密码,进入账户后,点击您所设置的网站,滚动鼠标找到Domain Summary中的Zone ID,将内容复制到上图的标号3。
- Cloudflare Setting: 选择Cloudflare的设置,这里我们仅仅将第二项“Optimal Setting”设置为ON。

- Cloudflare Cache:设置好之后,请点击下图中的深蓝色按钮【CLEAR ALL CLOUDFLARE CACHE FILES】重置Cloudflare缓存内容。最后点击橙色按钮【SAVE CHANGES】完成所有的设置。

更新WP Rocket缓存
在WordPress控制面板中的最上面功能区,找到按钮【WP Rocket】,依次点击选项(1—>6),完成缓存的删除和重建。

写在最后
祝贺您,已经完成了WP Rocket的所有配置,整个网站应该焕然一新了!
请使用GTMetrix或者Pingdom重新检测网站的速度,以及网站指标 (PageSpeed和Yslow),优化后,大多数的项目都应该变成绿色,速度也会大幅度提高,再次恭喜您!
这里需要指出的是,WP Rocket的使用仅仅是系统性的Wordpress加速和优化的一部分,您可以查看完整的【WordPress网站加速和优化教程】,使得网站加载速度更加成倍提高。
如果您对于WP Rocket的使用仍有更多的问题,请在文章的最后留下您的问题或者评论,我们会逐一为您解答。
请在下方使用邮箱订阅我们的频道,紧跟最新的WordPress建站相关文章!

《美国生活指南》主编,Peter于2017年底创办了在线刊物《美国生活指南》,总部位于美国德州的达拉斯。刊物内容紧紧围绕美国生活的相关话题,包括美国投资、美国购物、美国旅游、儿童教育、信用卡指南、美国生活。
Peter在美生活已16年,具有工程学博士学位,曾经在美国大学从事教研工作,擅长教育、生活、投资类文章的撰写和编辑。同时,Peter 喜爱授课、分享经验和专业知识,您可以查看彼得课程,了解最新课程信息。
《美国生活指南》办刊宗旨:为在美华人、来美工作、学习、和旅游的朋友们,提供最真实、最实用、最详尽的美国攻略大全。订阅《美国生活指南》,加入我们的大家庭。同时,请关注我们的 Twitter 账号,第一时间收到我们发布的攻略文章。
您好,peter 老师,你这边是否有基于WP系统,自己二次开发 编写html css 的教程呢? 这样可以让网站更加的丰富绚丽,基于模板的编辑似乎过于单调,我对css html 还是比较熟悉,js php 略懂还在学习中,感谢你抽空看留言
Alex 您好,
感谢您的关注。的确,在使用WordPress的过程中,如果可以加入HTML、CSS、Javascript的内容,可以有更多的个性化设计,让网页更加的丰富多彩。我们在课程《WordPress教程2020》中的进阶篇中,讲解了一些对网站进行个性化设置的内容。我们会有更多的高级课程,请订阅WordPress技术资料。
您好,peter 老师,我这边跟着流程全部走了一遍,但是好像网站测速还是一样,请问是什么问题吗?
您好,可以把您的网站发给我们,我们可以来测试一下。请发送到 howlifeusa@gmail.com, 标题请注明:网站测速。