WordPress 加速和优化至关重要,直接影响谷歌排名和用户体验感,超过1.2秒的网站加载速度将会使您的网站无人问津、同时在搜索引擎的排名中(SEO)也会处于不利地位。
通过系统的WordPress加速和优化方法,我们将您目前所访问的博客美国生活指南从最初的11.3秒加速到1.1秒(LCP)。
影响网页加载速度的因素很多,其中最为重要的就是网站的主机,优质的主机提供更快的加载速度,然而优质的主机往往价格不菲。
这里,我们给大家推荐一种管理型虚拟主机SiteGround,绝对是性能和价格的完美组合。当前您所访问的网站使用的就是SiteGround的
我们使用网速检测工具GTmetrix对网站的速度进行检测,下面是当前博客网站在优化前和优化后的各项数据的对比:



Google 于2020更新了网站速度的衡量标准,主要提出了两个最终的概念:
- LCP:是Largest Content Element 的缩写,指的是网站访客最先看到的完整网站内容所需要的时间,这个LCP最好要在1.2秒以内,以获得最佳的访客体验。通过系统的网站加速,本站的LCP为1.1秒;
- CLS:是 Cumulative Layout Shift 的缩写,衡量的是网站内容显示的稳定性,指的是网站在加载的时候,访客所看到的网站结构、与网站完全加载后的网页结构是否相同,这个CLS指最好在0.1以内,以获得最佳的访客体验。通过系统的网站加速方法,本站的CLS为0;
总结一下:
- WordPress加速和优化之前,网站的完全加载速度 (Fully Loaded Time) 超过11秒钟,两项评分指标(PageSpeed Score,YSlow Score) 都在50分左右。
- 使用系统的优化方法之后,目前网站的LCP已经接近1秒,CLS为0,网站速度评级为“A”,同时 Performance 和 Structure 两项评分都达到90%以上。
我们正在制作WordPress加速和优化视频课程,如果您希望一步一步的学习加速和优化方法,请使用邮箱注册,我们会将课程链接以及70%的优惠码发送给您:
1. WordPress加速和优化的必要性
大家从自己的亲身经验就可以知道,如果网页加载速度太慢,您很快就会关闭这个页面。下面,我们列举了几个WordPress速度优化的必要性,如果您的WordPress网站比较慢,那么
- 网站访客的体验感会很差,会很快的关闭网页;
- 由于网站访客过早的关闭网页,造成网站的”Bounce Rate“过高。Bounce Rate指的是刚刚点击网页就关闭的人数与网站访问总人数的比例,数值越高,说明很快关闭网页的人数比列高;
- 由于网页加载速度慢,网站在谷歌、Bing等搜索引擎中的排名会被压低。
所以,WordPress加速是每个网站编写人员和管理人员的必备工作。
如何进行有效的WordPress加速呢?
下面,我们为您逐一分析WordPress加速的所有细节,包括WordPress虚拟主机的优化、使用缓存技术 (Cache) 加速、使用CND加速等等关键技术。
2. WordPress速度检测工具
最为著名的两个网站速度检测工具分别是:GTmetrx 和 Pingdom。使用这两个在线工具都可以免费检测网站的加载速度和各项运行指标,包括网页文件的大小和网站发送请求的数量。
这里引用Peter Drucker的一句话,
You can’t manage what you can’t measure
Peter Drucker
因此,网站测速对于网站加速和优化至关重要。请观看下面的视频,了解如何使用GTMetrix 和 Pingdom 测试网站的速度和各项指标。
文章开始的两张网站速度分析图就是使用GTmetrix得到的,这里,我们再次使用Pingdom来检测我们的博客网站美国生活指南以及亚马逊美国主站 (www.amazon.com) 的各项指标,如下所示:

【美国生活指南】在Pingdom中的测速结果

亚马逊主站在Pingdom中的测速结果
您可以看到,我们的博客网站比亚马逊主站还获得了更好的测评分数,看来我们使用的加速方法效果明显。
您现在就可以使用GTmetrx和Pingdom对您的网站进行速度检测,您可以把测试的结果发布在文末的”Leave a Reply“与大家分享,如果您有任何问题,我们也会帮助您进行分析。
如果您的网站打开速度需要2秒钟以上,或者网站的PageSpeed和Yslow评分都在80分以下,那么您真的需要对您的网站进行加速优化了。
请按照以下的步骤完成WordPress加速过程:
3. 选用高速主机(#1影响因素)
网站虚拟主机的速度直接决定网站的整体速度和性能。
您在广告中常听到的虚拟主机,比如Bluehost, Hostgator等等,虽然价格便宜,其实它们都属于一家名为 Endurance International Group (简称EIG) 公司的子公司,价格便宜主要是因为每个主机上的人非常的多,同时主机更新比较慢,所以可想而知,速度必然快不起来。
这里,我们强烈建议您使用管理型的WordPress主机 (Managed WordPress Hosting),只要进行最简单的设置,就可以达到最佳的运行效果和主机响应速度。一言以蔽之,管理型主机已经为使用者进行了主机方面的优化配置,并且进行管理,那么使用者不需要太多的管理,就可以达到最优质的网站加速效果。
我们推荐的管理型虚拟主机是著名的 SiteGround主机,综合了价格和速度的优势,它在多个Fackbook最受欢迎的虚拟主机投票中都遥遥领先。

SiteGround所提供的管理型WordPress主机有下面三个类型:StartUp、 GrowBig、 GoGeek,初次使用的优惠价格为$6.99/月,$9.99/月,$14.99/月,如果您订阅三年的服务,那么最长可以享受三年的优惠价格。

我们建议选择GrowBig或者GoGeek:对于第二个选项GrowBig,您可以拥有20GB的硬盘空间,支持每个月2万5人次的浏览量;对于第三个选项GoGeek,您可以拥有30GB的硬盘和支持每个月10万的人次浏览量。其实,最重要其实还是下面三点:
- GrowBig和GoGeek所使用的主机限制每个主机的使用人数,从而保持最优质的主机相应速度 (Responsive time);
- GrowBig和GoGeek自动配备了网站加速工具SG Optimizer,从三个方面保证主机速度最优化,可以将网站内容进行缓存,大大加快网站的打开速度,您不再需要安装W3 Total Cache或者WP Super Cache等付费的WordPress插件;同时,您可以为当前网站免费添加https,从而获得安全网站凭证;您也可以方便的更新当前网站的PHP版本,保证主机使用最高的版本,因为PHP的版本极大影响网站的运行速度;
- GrowBig和GoGeek提供免费的网站迁移服务,如果您目前正在使用其它的虚拟主机供应商,您可以免费将整个网站搬移到SiteGround主机。
目前您所访问的博客【美国生活指南】已经迁移到了SiteGround主机,大家可以明显看到整个网站运行效果的提升。您可以立刻升级,或者等待网站内容完备,再将网站一次性迁移到SiteGround主机,整个网站的迁移都是免费的。
4. 使用WP Rocket
WP Rocket能够从多个方面提高网站的速度,同时提升GTMetrix中的各个重要指标,从多个方面提升网站速度,包括缓存网站内容、优化网页的CSS和JavaScript脚本、优化视频和图片加载方式、采取预加载加速、优化网页数据库,同时可以与内容分发网络 (Content Delivery Network,简称CND) 和Cloudflare无缝连接。
WP Rocket是一个付费插件,请购买并且下载WP Rocket,然后查看我们撰写的【WP Rocket完整使用教程】,详细了解如何设置WP Rocket,实现网站速度的优化,同时,WP Rocket可以与后文即将提到的两个加速工具 (MaxCDN和Cloudflare) 无缝集成。以下是当前博客所使用的WP Rocket的设置页面。

5. 使用CDN加速
CDN是Content Delivery Network的缩写,中文翻译为”内容分发网络”。
基本思路是将网站的内容复制到世界不同地点的服务器,从而加速网站在当地的加载速度。比如,网站的服务器在美国,但是您希望中国的访客可以更快的访问您的网站,那么您可以使用CDN将网站内容备份到中国的服务器上,那么在中国访问此网站就会大大提速。
我们推荐的是名为MaxCDN的内容分发网络工具,目前已经融合到StackPath CDN。MaxCDN在全球的网络图如下所示,可以看出MaxCND在世界各地都分布了内容分发网络,亚洲的网络主要坐落在香港、韩国、日本、新加坡和菲律宾等地方。

在使用GTMetrix测试您的网站速度时,有一项YSlow指标叫做”Use a Content Delivery Network (CND)” 显示的就是CDN的得分,不使用MaxCDN之前,大家在下面第一张图中可以看到,得分是零分。

但在使用MaxCDN之后,这一项就会自动的解决了,在下图中,网站的这一项评分达到了100分,可见CDN对于网站加速的作用是不言而喻的。

MaxCDN是一种付费服务,费用是每个月$10。具体的设置步骤如下:
5.1 创建MaxCDN账户
登陆MaxCDN账户,如果您已经有StackPath的账户,直接点击下图中的按钮【LOG IN】登陆MaxCDN账户;如果您还没有注册StackPath免费账户,您可以点击下图中的Learn more about StackPath,首先免费申请一个StackPath账户。

如下图的右侧所示,使用您的Email注册免费的StackPath账户,这里提示:使用MaxCDN第一个月免费。

在下图的”Create An Account”对话框中,使用您的邮箱和密码创建一个账户,这里并不需要信用卡信息,最后点击按钮【Create An Account】完成账户注册。

5.2 为网站添加CDN服务
创建新账户后,您需要选择购买的服务,这里我们选择CDN服务,价格是10/月,第一个月免费。选择完成后,点击按钮【Next】,进入下一步。

下面为网页创建一个CDN主机,在下图的文本中输入需要使用CDN的网站域名,再点击按钮【Continue】。

之后系统会自动检测出网站的IP地址,您不需要任何设置,直接点击下图的按钮【Continue】。

系统会自动为您网站分配一个CDN URL地址,您不需要任何操作,但请将这个URL地址复制下来,在后面的操作中,我们需要再次使用。之后直接点击按钮【Continue】。

恭喜您,CDN主机的设置就完成了,如下图所示,状态 (Status)是Active。

5.3 在主机中添加CDN记录
下面需要把CDN URL存放在网站虚拟主机的CNAME中,这里您有两个选择:
- 在WP Rocket中集成MaxCDN,请阅读【WP Rocket完整使用教程】,了解如何在WP Rocket中集成MaxCDN;
- 在网站虚拟主机添加CNAME记录,下面我们来介绍如何在网站虚拟主机中添加CNAME记录。
首先登陆您网站的虚拟主机服务器,这里例子里,网站www.howlifeusa.com托管于SiteGround主机,那么这里我们登陆SiteGround主机,完成CNAME的设置。
首先登陆 SiteGround主机,进入cPanel控制面板,找到下图的”Advanced DNS Zone Editor”选项。

进入后,按照下图填写网站域名,CNAME有效时间 (默认是14400秒钟,也就是4个小时) 以及之前MaxCDN为网站分配的CDN URL地址,最后点击按钮【Add Record】。

恭喜您,MaxCDN已经完成设置。这里要强调一下,如果您使用WP Rocket,那么您可以在WP Rocket中集成MaxCDN,您就不需要到SiteGround主机中添加CNAME记录了,而可以直接在WP Rocket设置中的CDN选项直接输入CDN URL,方便快捷,设置后的结果如下图所示。
如果您想了解在WP Rocket中集成MaxCDN的方法,请查看我们撰写的博客【WP Rocket完整使用教程】。

设置好CDN后,您会在您的StackPath账户中查看到过去24个小时之内CDN使用的流量信息,可以发现CDN已经起作用了,如下图所示:

6. 使用Cloudflare加速
Cloudflare提供CDN和安全的双重服务,而且完全免费,Cloudflare的功能如下图所示:

上面这张图取自Cloudflare的网站 (点击查看英文的解释)。
- 图中左侧是没有使用Cloudflare的网站架构,访客和黑客可以直接碰触到网站的重要内容,存在安全隐患;
- 图中右侧是使用了Cloudflare的网站架构,首先,Cloudflare充当了一个防火墙的作用,黑客如果希望攻击网站主机,会被Cloudflare屏蔽,同时,Cloudflare充当了一个CDN,可以将网站的内容分发到世界上不同的服务器,达到网站加速的目的。
请查看我们撰写的教程【Cloudflare教程:免费提供WordPress的DNS安全保护和CDN加速服务】,掌握Cloudflare使用的第一首资料,Cloudflare也可以无缝集成到WP Rocket中,点击【WP Rocket完整使用教程】了解细节。
7. AMP手机加速
AMP是Accelerated Mobile Pages 项目的简称,中文翻译叫做”加速移动页面”,这是一项由Google公司领头研发的专注于提高手机浏览速度的项目。
使用了AMP技术的网页,速度会大大增加,同时用户在使用手机搜索网页时,会出现下图中的“闪电”标记,提示该网页使用了AMP技术,从而大大提高网站在谷歌搜索中的排名。
我们使用关键字“美国天才班2018”在谷歌中进行搜索,您看到我们撰写的博客页“美国天才班:为什么这些孩子与众不同?” 排名第二,在网站的URL之前有一个类似于闪电的标志,这个标志表达的就是AMP技术。

您可以使用免费WordPress插件“AMP for WordPress”完成网站的AMP设置,请按照下面的步骤完成安装和设置:
- 在WordPress控制面板中,点击左侧功能区的的按钮【Plugins】;
- 在插件列表最上方点击按钮【Add New】;
- 使用Keywords搜索区输入”AMP”,找到插件AMP for WordPress,如下图所示;

- 安装和激活插件AMP for WordPress;
- 在WordPress左侧功能区中会多出一个按钮【AMP】,点击进入AMP的设置;
- 勾选Posts和Pages两个选项,将AMP结束应用于博客页和网页,最后点击【Save Changes】完成设置,如下图所示。

到目前为止,您就设置好了网站的AMP,您在编写博客页面的时候,在右侧的功能区的Preview按钮旁边,您会找到一个”闪电”按钮,点击可以预览AMP处理后的网页呈现效果,如下图所示:

8. 总结
完成以上所有的设置后,请使用GTMetrix重新测评您的网站速度,您会发现网站的速度成倍数的提高,同时请查看PageSpeed和YSlow两项评分指标,分数应该都在90%以上。
如果您的两项评分不能达到90%,或者检测到的速度提升不大,您可以在文章最后的 “Leave a reply” 处给我们留言,我们会帮助分析可能出现的问题。
WordPress加速的几个重要步骤:
- 使用高速主机,比如Siteground的GrowBig或者GoGeek;
- 使用WP Rocket作为加速的主要工具,查看【WP Rocket使用教程】;
- 使用MaxCDN作为网站的内容分发网络;
- 使用免费的Cloudflare服务设置CND服务和安全服务,查看【Cloudflare使用教程】;
- 使用AMP插件实现手机浏览网页的加速。
如果您在操作过程中有任何的问题,请在文章底部的留言区给我们留言,我们会尽快给您答复。
9. 常见问题汇总 (FAQ)
最大的原因是您的网站主机慢,网站的主机就相当于汽车的发动机。所以提高网站速度最有效的方法就是升级您的网站主机。
最关键的因素是网站的主机,优质的主机是快速网站的最重要的保障。
除了网站主机,其他因素还包括内容分发网络 (CDN),系统缓存 (Cache),AMP设置等等。
仅仅需要很少的额外开支,额外费用主要来自升级网站主机的费用、CDN的费用和Cache插件的费用。
10. 订阅独家技术文章
请在下方使用邮箱订阅,我们会将最新的WordPress独家技术文章发送给您!

《美国生活指南》主编,Peter于2017年底创办了在线刊物《美国生活指南》,总部位于美国德州的达拉斯。刊物内容紧紧围绕美国生活的相关话题,包括美国投资、美国购物、美国旅游、儿童教育、信用卡指南、美国生活。
Peter在美生活已16年,具有工程学博士学位,曾经在美国大学从事教研工作,擅长教育、生活、投资类文章的撰写和编辑。同时,Peter 喜爱授课、分享经验和专业知识,您可以查看彼得课程,了解最新课程信息。
《美国生活指南》办刊宗旨:为在美华人、来美工作、学习、和旅游的朋友们,提供最真实、最实用、最详尽的美国攻略大全。订阅《美国生活指南》,加入我们的大家庭。同时,请关注我们的 Twitter 账号,第一时间收到我们发布的攻略文章。
请问您这里有提供收费的wordpress优化服务吗?
您好,
我们非常愿意为您优化WordPress。请将要求发送到howlifeusa@gmail.com
网站文字部分访问速度很快,图片都没有打开。 访问地址中国山东。
您好,请问您是使用手机访问的还是电脑访问的?
maxcdn和cloudflare两个需要同时使用吗,他们的cdn会不会冲突呢
不仅没有关系,最好是一起用,完全没有冲突。两个同时使用,可以使CDN覆盖的地区更广,达到最大限度的网站地区性加速。
thank you
You are quite welcome.
Peter老师对学员解答问题非常有耐心,这个教程对我们很有帮助
Alim,
很高兴知道这篇文章对您的网站建设有帮助,我们会持续发布Wordpress建站的更多内容和教程。
您可以从下面的链接订阅我们的文章,从而不会错过每一篇建站教程。
https://www.howlifeusa.com/newsletter
请问在sitegroud后台开启的一键CDN加速,与在cloudflare上启用CDN有什么区别?哪个速度更快?
Johnny,
SiteGround后台的CDN就是Cloudflare CDN,SiteGround已经将Cloudflare集成在一起了。
请问如果我的wordpress是请人制作的 可是很不满意 对方很菜鸟,也解决不了 我可以把网页权全部拿回来 自己解决吗?比如更换去SiteGround?要跟对方拿什么资料呀?
baoni,很好问题。WordPress最大的好处,就是可以将整个网站搬运到任何的服务器。具体的步骤如下:
1、如果网站域名不是您自己注册的,您需要将网站的域名的所有权转到您的名下(一般是将域名Transfer到您的域名服务器上,可以是SiteGround,也可以是Namecheap等)
2、将网站的所有内容(wordpress)搬运到SiteGround主机上。
3、当您购买SiteGround主机后,主机会免费提供一个Migrate选项,就是帮助您将网站整个搬运过来。
4、下面需要给您制作网站的人员在他那边的主机上安装一个插件,完成操作后,就可以完整的拷贝过来了。
张老师..第4步的对方主机的插件..能具体说下是什么吗??谢谢啦..
您好,哪里的“对方主机的插件”,能不能把原文附在这里我看看
请问siteground 自带的SG Optimizer 和 WP Rocket冲突吗?
开启SG Optimizer以后是否还需要WP Rocket?
开启SG Optimizer的Lazy Load Media之后,图片就不显示了是怎么回事呢
Allen,您好,Siteground与WP Rocket是合作伙伴,部分的功能的确有重合。我们建议使用SG Optimizer来处理主机缓存(Caching),而使用WP Rocket来处理 JS、CSS minification、Lazy Image、Dashboard optimization等等,同时WP Rocket可以与MaxCDN集成。具体的内容可以查看:https://www.siteground.com/blog/wp-rocket/
SG Optimizer的 Lazy Load Media的确会造成图片的不显示,您可以使用WP Rocket的Lazy image来试一下。或者,不要勾选SG Optimizer的这一选项。谢谢
非常感谢,我试一下
恩,好的啊。有什么问题,请留言告诉我们。
你的文章写的太好了,我可以转载你的文章吗?,我会标明出处和源作者的。
QingSheng, 非常感谢您的鼓励。由于文章都是原创,所以我们不希望文章被其它网站转载。但是,如果在您的网站和内容里,能够提到我们的网站,我们会非常感谢。
你好,Peter,我买了CND之后并且也在siteground中设置好了,但是STACKPATH里面还是提示Your site farvalve.com is not yet pointing to StackPath and needs DNS changes. 是不是需要等待一天的时间?
Jack,您好,我已经恢复您的邮件了,可能是填写DNS记录时,有点小问题
根据你的文章内容,购买SiteGround主机之后会大大提升网页整体加载速度。那用手机上网页时是否也能加快加载速度?如果不可以,需要什么方法能提高手机版的速度呢?
使用好的主机,所有设备上的网页加载速度都会显著提升,包括desktop和mobile。所以,升级主机配置是最快、最有效的网站加速方法。
主机提升后,可以考虑使用AMP来进一步提升网页在mobile上的打开速度。AMP的基本意思就是把网页所有的CSS设置全部屏蔽了,这样网页的加载速度就会提升。
希望以上回答有所帮助。
你好Peter,
我的网站里有一些视频。MaxCDN 有视频加速的功能吗?
多谢,
Charles
MaxCDN 已经给Stackpath CDN收购,可以提供视屏的CDN,从而加快视频的加载速度。
5.3 在主机中添加CDN记录 这一条我有疑问,我是在namesilo买的域名,里面已经是替换的siteground的记录了,那么我买的maxcdn替换上去是不是会错乱掉?
对于MaxCDN,您需要添加一条CNAME记录,与网站原有的DNS记录是不同的,不会影响到原有的SiteGround DNS记录,请放心。
现在MaxCDN第一个月已经不是免费得了,不知道效果如何。
MaxCDN目前已经被Stackpath CDN 收购了,能够在世界上不同的Server上镜像您网站,所以,不需要都从网站主机上传送http数据,可以极大的加快网站在世界不同地点的加载速度。
明天就开通试试看 ,感谢分享。
呵呵 不客气
您好,今天早上我去maxcdn购买服务,在siteground后台添加信息时提示record already exists as CNAME,我看了一下里面是有cloudflare,这里是冲突了,不知道您说的可以和cloudflare共享是? 我不敢乱取名字。 比如它要求输入的“@”和“www”
老师你好,我用了maxcdn后,打开网站提示您的连接不是私密连接
攻击者可能会试图从 xxx 窃取您的信息(例如:密码、通讯内容或信用卡信息)。了解详情
NET::ERR_CERT_COMMON_NAME_INVALID
这种情况就尴尬了
各个网站通过证书证明自己的身份。Firefox 不能信任此网站,它使用的证书对 xxx 无效。该证书只适用于下列名称: *.ssl.hwcdn.net, ssl.hwcdn.net
老师救命啊。。。。现在网站直接打不开了、、、、、
能不能把网站发给我看看
我输入评论的时候带网址好像就被过滤了,折腾了大半天找了siteground客服,恢复备份都没用,他后台清理了缓存重新www导向原来的恢复了,不过我现在又用了maxcdn好像速度提高了很多哎!哈哈,谢谢老师! 不过打开好像还是有点问题 网址我再打一次试试看sproullpump ————– . 西欧M,只能这样留言了。
好嘞,弄好了,就好啊