用这个免费CDN，治愈WordPress网站加载缓慢的大难题

落日映苍穹つ 2023-09-28 14:38 7阅读 0赞

免费的东西谁不爱？谁又会不希望网站的访问速度更快一点？一起来试试吧，借助亚马逊云科技CloudFront CDN服务提供的免费套餐，通过简单配置为你的WordPress网站提速。

作为一个强大的CMS（内容管理系统）平台，WordPress以完善的功能、一流的定制能力和丰富的插件广受好评，从个人博客到企业网站，从初创公司到大型跨国企业，我们日常访问的很多网站都是基于WordPress创建的。

如果你有一个这样的网站，并且希望能为世界各地的访客提供快速、流畅的访问体验，应该怎么做？最简单的方法就是使用CDN了，借助CDN服务商遍布全球主要地区的节点，就近为用户交付内容。可这样的一套解决方案会不会很贵？选择正确的CDN服务，其实也可以很便宜，甚至对于很多流量不是非常大的网站，**完全可以免费实现**。

请注意，本文的所有操作将以全球版亚马逊云科技平台为准。点击[这里][Link 1]详细了解CloudFront CDN服务并注册账户开始使用免费套餐。

### **先决条件** ###

要使用本文介绍的方法，你需要具备：

1.  一个基于WordPress平台创建的现成网站；
2.  为该网站安装一款名为“WPAdmin AWS CDN”的插件；
3.  一个亚马逊云科技账户

仅此而已！

### **AmazonCloudFront服务是什么** ###

Amazon CloudFront是亚马逊云科技提供的CDN服务，可以用极低的延迟和极高的传输速度实现内容的全球化交付。目前，该服务已经通过超过310个节点覆盖全球47个国家/地区的90多个城市，基本上可以全面覆盖所有主要的人口聚集区。

![38089e9293654877be30b57b2cd079af.png][]

Amazon CloudFront节点分布图，来源：亚马逊云科技官网

那么这项服务为何可以免费使用？其实这主要得益于亚马逊云科技为所有用户提供的“免费套餐”。该套餐涵盖了亚马逊云科技的上百项产品，这些产品有些可以“免费试用”，有些可以“12个月内免费”，有些则是“永久免费”。有关免费套餐涵盖的服务以及详细信息，可以点击[这里][Link 2]查看。

具体到CloudFront，在免费套餐涵盖下，用户每月可**免费获得1TB传出数据流量，1****000****万次HTTP或HTTPS请求，以及2****00****万次函数调用**。该免费套餐**永久有效**，只有每月用量超出套餐额度，才会对超出部分根据实际用量收费。CloudFront的具体收费方式和费率可参考这里：[Amazon CloudFront价格\_AWS CloudFront免费使用套餐-AWS云服务][Amazon CloudFront_AWS CloudFront_-AWS] 。

### **第一步：注册帐号并开通CloudFront服务** ###

1.  首先访问亚马逊云科技官网（aws.amazon.com）注册账户，或使用现有账户登录到管理后台。
2.  随后点击左上角的“Services”，并依次点击“安全性、身份与合规性”，以及“IAM”: ![6b100faca7c24e88b34be3aeb10b3c25.png][]
3.  接下来会打开IAM界面，我们需要在这里创建一个CloudFront用户，随后需要配置WordPress网站使用该 用户来访问CloudFront服务。
4.  请点击页面左侧的“用户”，随后点击“添加用户”:  
    ![ac50b39479bf4056b8d883dbb11c71c8.png][]
5.  在“用户名”处输入一个有意义的名称，例如“CloudFront-User”；将“AWS凭证类型”选择为“访问密钥-编程访问”；然后点击“下一步：权限”：  
    ![44d2a1a16b1b40a5b6f00f0bb6a9c335.png][]
6.  选择“直接附加现有策略”；在策略搜索框中输入“CloudFront”，从搜索结果中选择“CloudFrontFullAccess”；随后点击“下一步：标签”：  
    ![9221c48049934fcda5bad295d4375b34.png][]
7.  随后出现的标签页面上可以为该IAM用户设置一些描述性的标签，不过对于一般的小规模云部署来说，标签的作用并不大，因此不设置也没关系。但对于大规模的，包含几十上百个用户的部署来说，为了简化后续管理，强烈建议设置标签。这里我们不设置标签，直接点击“下一步：审核”。
8.  在随后的页面上检查所有设置，确定无误后，点击“创建用户”。
9.  接着会看到下图所示的界面。这里列出了访问密钥ID和私有访问密钥这两个非常关键的信息。请记录这两个信息并妥善保管（后续操作中还将用到）。并且需要注意保密，任何人知道这两个信息后，都将可以使用你的CloudFront服务！  
    ![01484499b9c846faad785509ed631bde.png][]

至此，CloudFront端的配置已经全部完成。接下来需要配置WordPress网站了。

### **第二步：为WordPress网站启用CloudFrontCDN** ###

1.  登录到WordPress网站的管理后台，在左侧列表中依次点击“插件”和“安装插件”。
2.  随后在插件搜索框中输入“WPAdmin AWS CDN”；点击对应的“立即安装”按钮：  
    ![be7070d94f4547fa9bf5dbc674b1343e.png][]
3.  安装完成后点击“启用”，随后在WordPress后台界面的左侧会出现一个“WPAdmin CDN”菜单项，鼠标指向该选项，并从弹出菜单中选择“WPAdmin CDN”：  
    ![b0b335df44cf4cfaa890836a8cf28a46.png][]  
    
4.  接下来会看到该插件的配置界面，这里重点需要输入“Access ID”和“Secret Key”这两项。而这两项就是刚才创建IAM用户后获得的那两个值。请将其填写到这里。
5.  将“访问密钥ID”填入“Access ID”，将“私有访问密钥”填入“Secret Key”。“Cache Policy”请选择“Enabled with Compression”；“Price Class”请选择“All Location”。其他设置均可使用默认值。点击“Create Distribution”：  
    ![2955f4d4363f4cb9894a8ebaf9f416e8.png][]
6.  稍等片刻该页面会显示已成功创建CloudFront分配，随后点击“Reload the page”链接，可以看到左侧显示出了已分配的CloudFront二级域名，点击该域名对应的“Active”按钮：  
    ![74eab75db85547eaa48428683c7d6721.png][]

至此，WordPress网站端的设置已经全部完成。

随后如果重新回到CloudFront的后台界面，会看到这里列出了一个“分配”，这就是WPAdmin插件为WordPress网站自动创建的CDN分配。从这里也可以看到，该CDN已经创建成功，并已成功启用。此后全球用户在访问这个网站时，就可以通过CloudFront CDN服务获得更快速、流畅的体验了。

![8a2c828095ac4415a7e58d3f4e1c13fd.png][]

那么实际效果到底如何？让我们使用浏览器内置的Lighthouse性能测试工具测试看看。

在启用CloudFront CDN之前，通过该工具测试的网站性能结果如下：

![a01efd5990684ecea060d8a6af50dda6.png][]

在启用CDN后，重新测试获得的结果如下：

![eb71d2a7e46e4e6ab44d20f725925479.png][]

**所有性能测试指标都有一定提升**。提升幅度看似并不大，主要是因为这是一个新搭建的测试用WordPress空白网站，除了自动生成的一篇占位文章外，并没有包含其他内容，因此本身加载速度就不慢，但CloudFront CDN依然让网站性能有了一定程度的提升。对于已经长时间运营，包含大量文章、图片等内容的网站来说，自然也就可以实现更好的提速效果。

让网站性能有了一定程度的提升。对于已经长时间运营，包含大量文章、图片等内容的网站来说，自然也就可以实现更好的提速效果。

每月1TB免费流量，已经可以满足个人或大部分低负载网站的需求。就算超出免费额度，亦可按照极低的费率付费，就能让你的网站享受到以往只有大型企业才能使用的专业级CDN服务。更重要的是，相关的开通和设置操作都很简单，只要安装一个WordPress插件，并进行简单的配置，无需高深的技术能力，几分钟就能轻松搞定。

试试看吧！点击[这里][Link 1]详细了解CloudFront CDN服务，立即注册账户开始使用免费套餐，为你的WordPress网站提速。

[Link 1]: https://aws.amazon.com/cn/cloudfront/?sc_details=offer3
[38089e9293654877be30b57b2cd079af.png]: https://img-blog.csdnimg.cn/38089e9293654877be30b57b2cd079af.png
[Link 2]: https://aws.amazon.com/cn/free/?sc_details=offer3
[Amazon CloudFront_AWS CloudFront_-AWS]: https://aws.amazon.com/cn/cloudfront/pricing/
[6b100faca7c24e88b34be3aeb10b3c25.png]: https://img-blog.csdnimg.cn/6b100faca7c24e88b34be3aeb10b3c25.png
[ac50b39479bf4056b8d883dbb11c71c8.png]: https://img-blog.csdnimg.cn/ac50b39479bf4056b8d883dbb11c71c8.png
[44d2a1a16b1b40a5b6f00f0bb6a9c335.png]: https://img-blog.csdnimg.cn/44d2a1a16b1b40a5b6f00f0bb6a9c335.png
[9221c48049934fcda5bad295d4375b34.png]: https://img-blog.csdnimg.cn/9221c48049934fcda5bad295d4375b34.png
[01484499b9c846faad785509ed631bde.png]: https://img-blog.csdnimg.cn/01484499b9c846faad785509ed631bde.png
[be7070d94f4547fa9bf5dbc674b1343e.png]: https://img-blog.csdnimg.cn/be7070d94f4547fa9bf5dbc674b1343e.png
[b0b335df44cf4cfaa890836a8cf28a46.png]: https://img-blog.csdnimg.cn/b0b335df44cf4cfaa890836a8cf28a46.png
[2955f4d4363f4cb9894a8ebaf9f416e8.png]: https://img-blog.csdnimg.cn/2955f4d4363f4cb9894a8ebaf9f416e8.png
[74eab75db85547eaa48428683c7d6721.png]: https://img-blog.csdnimg.cn/74eab75db85547eaa48428683c7d6721.png
[8a2c828095ac4415a7e58d3f4e1c13fd.png]: https://img-blog.csdnimg.cn/8a2c828095ac4415a7e58d3f4e1c13fd.png
[a01efd5990684ecea060d8a6af50dda6.png]: https://img-blog.csdnimg.cn/a01efd5990684ecea060d8a6af50dda6.png
[eb71d2a7e46e4e6ab44d20f725925479.png]: https://img-blog.csdnimg.cn/eb71d2a7e46e4e6ab44d20f725925479.png