前端性能优化 实际应用CDN加快静态资源访问

文章目录

• 前言
• 理论
• 实践
• 腾讯云（启动cdn）

前言

本篇博客是介绍如何使用CDN来提升我们网站静态资源速度，若文章中出现相关问题，请指出！

所有博客文件目录索引：博客目录索引(持续更新)

理论

也许是史上最全的一次CDN详解、CDN加速全站配置教程

1、用户访问主域名——2、解析到cdn节点——3、发现无此资源——4、访问源站服务器——5、访问源站对应的主机（网站目录）——6、取到资源，响应用户——7、缓存资源

其中3456就是回源，5就是回源host

如何查看一个URL是否命中CDN缓存

浏览器—检查:
 主要查看响应头信息中的“X-Cache”字段。
 显示“MISS”，说明没有命中CDN缓存，是回源的。
 显示“HIT”，是命中了CDN缓存。
 显示“HIT”，说明是命中CDN缓存的

---

实践

腾讯云（启动cdn）

腾讯云cdn

最简单的CDN网络由一个DNS服务器和几台缓存服务器组成

三步骤：

1. 开通CDN：直接开通即可
2. 接入域名：添加对应的域名即可。
3. 配置CNAME：腾讯云配置文档

2、接入域名

过程忘记截图了，直接放上配置好的基本信息：

配置好之后就会出现下面效果：

3、配置CNAME

我域名是在阿里云的，然后这个内容分发网络开在腾讯云的，所以我需要在阿里云的域名解析控制台进行解析

可见文档：

实操：我要加速的子域名是studio.codercl.xyz，所以我们需要配置对应主机记录为studio的CNAME类型，记录值就是填腾讯云给我们生成的cdn的CNAME域名即可

等待片刻之后，我们腾讯云服务器上的域名就会有出现正常运行中！

---

整理者：长路 时间：2021.12.6