WordPress教程08:如何配置CDN加速?加速网站访问速度

斌仔 分类:
文章字数 1310 字 阅读时间 6 分钟
🤖 由 ChatGPT 生成的文章摘要
此内容根据文章生成,并经过人工审核,仅用于文章内容的解释与总结

继上次 WordPress教程05:为了让网站加载更快,我做了哪些努力? 文章后,我发现 CDN 的设置里有不少坑,首先这一块我是小白,问了很多人之后才稍微有了点门路,在此给还没用过或将要用 CDN 的小伙伴,起个示范作用。

本篇主要讲怎样给你的网站套用上 CDN,重于操作,轻于理论。

CDN是什么?看这篇文章

如何配置CDN加速
如何配置CDN加速

准备资源

  • 1 个备案的域名
  • 1 个CDN服务(需要实名认证),此处以 无畏云 为例

设置过程

添加域名

  1. 在控制台:站点管理 - 我的域名 - 添加域名

    控制台
    控制台

  2. 添加域名:填写你要加速的域名(比如:www.wangdu.site)、业务类型:网站加速、覆盖范围:中国大陆、源站配置:IP源站、IP填写自己服务器的地址,点击 创建 即可完成添加

    添加域名
    添加域名

解析域名

  1. 添加完域名,CDN 会给出一个 CNAME,这个 CNAME 是用来让域名解析的,此时,登录域名后台(我这里是阿里云的后台),解析官方教程

  2. 域名列表 - 域名 - 解析 - 添加记录:记录类型:CNAME,主机记录:你加速域名的前缀(我这里是:www),记录值:将上面获得的CNAME值填入即可,点击右下角的 确认,等待解析即可。

    添加解析记录
    添加解析记录

HTTPS 配置

  1. 阿里云的数字证书 - SSL证书 - 免费证书(免费证书购买页)- 创建证书,填写申请信息,域名:你要加速的域名,确认等待签发即可
  2. 签发后,下载 Nginx 类型,压缩包里包含 .key(私钥文件)和 .pem 两个文件
  3. 在 CDN - 域名后的 配置 - HTTPS配置,状态:开启,证书来源:自有证书,内容填入上面两个文件的内容,保存即可。

CDN 其他设置

  1. 开启 HTTPS 后,把下面 强制跳转:状态:开启、跳转类型:HTTPS,跳转方式:301HTTP/2:开启;OCSP Stapling:开启
  2. 回源配置:回源方式HTTPS,保存;Range回源:开启
  3. 高级配置:智能压缩:Gzip压缩、Brotli压缩:勾选,保存
  4. 缓存配置(我这也不太懂,就按 30 天设置的)
    • 目录路径:/wp-includes
    • 目录路径:/wp-content
    • 文件后缀名:.css;.js
    • 文件后缀名:.jpg;.png;.jpeg;.webp;.svg

检验结果

阿里云域名解析生效时间:

  • 新增:实时生效;
  • 删除/修改记录解析多久可以生效?答:解析生效时间取决于本地DNS缓存的解析记录的TTL到期时间,一般默认为10分钟。例如解析记录设置的TTL值为 10 分钟,则理论上全球解析生效时间需要10分钟;解析记录设置的TTL值为60秒,则理论上全球解析生效时间需要60秒。
  1. 通过命令行/终端,输入 ping 加速域名/nslookup 加速域名,查看记录解析后的地址只要不是你之前的服务器地址就说明成功了

    查看红框处
    查看红框处

缓存配置

有些时候我们在网站本地更改了文件,查看时未能生效,是因为CDN缓存的问题,将链接在CDN缓存配置处刷新即可。

  • 缓存预热用于提前缓存最新内容
  • 文件刷新适用于单个文件的即时更新
  • 目录刷新适用于整个目录下多个文件的即时更新。根

特殊情况

2 个域名解析到 1 个地址,如何设置 CDN

我在宝塔面板将 wangdu.site 和 www.wangdu.site 都解析到了我的 WordPress 博客上,设置 CDN 时,我只设置了 www.wangdu.site 等我使用 wangdu.site 网址访问时,导致不能访问了。

  1. 将 2 个域名都加入 CDN,各自解析各自的 CNAME 即可

1 个域名如何设置 2 个 CDN 呢

阿斌之前设置了 1 个 CDN,后来杜老师又分享了一个 CDN 还赠送了流量,不能浪费杜老师的一片苦心,果断用上。

  1. 在域名解析处新增一个新的 CNAME 记录即可

(彩蛋)如何让WordPress速度更快

感谢这位 @剑公子
感谢这位 @剑公子

  1. 将 CDN 上的静态资源(我之前放在 Vercel 上的)改为本地地址
  2. 将图片(我之前也放在 Vercel 上的)放到速度更快的图床(现在改为b2+CDN,幸亏之前也得有多端同步,要不迁移起来实在麻烦,现在只要更换一个 WordPress 数据库里的地址就可以了)

总结

折腾了这么多,我网站的访问速度终于快了许多。网站还新增了我瞎嘀咕的页面,我的生活以及折腾的记录会记录在那里。

折腾中还认识了许多爱折腾的人: 空白木木归臧杜老师氵

收到这些人的夸夸,别提多高兴了
收到这些人的夸夸,别提多高兴了

非常感激每一位打赏的朋友!

支付宝扫码支持
微信扫码支持

扫一扫,请博主喝咖啡☕

文章作者: 斌仔
文章链接: https://www.wangdu.site/course/1740.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 文武科技柜

相关推荐

共有 8 条评论

  1. koobai

    整上 CDN 速度是快很多,我现在图片用的 CDN,网站本身直接就绑定到腾讯的轻量服务器,没套上 CDN~
    很高兴相互认识,哈哈~

    1. 斌仔

      静态的还好,WordPress有名的臃肿,屏蔽了很多没用的才快了一点
      很高兴在互联网认识,这种感觉很奇妙~

      1. koobai

        看到你写宝塔,我忽然想起来,CDN 里的回源 IP 应该填什么,直接是服务器的 IP?感觉不对呀,因为服务器里有很多服务。应该填写宝塔里某个服务绑定的域名,这个域名填到回源 IP~

        1. 斌仔

          我是直接输的服务器IP没啥问题,你那样设置的应该是回源域名吧

  2. 叶子

    现在速度相较之前快了不是一点半点。👍

    1. 斌仔

      还得感谢你的指点,让我终于找到点门路

  3. 剑公子

    看到文章标题有点意思点开看看,没想到最后彩蛋看到自己。>_<!!

    1. 斌仔

      本来想加上你的网站,但是没找到,只能这样感谢了