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技术资料。