前端性能优化 实际应用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域名即可

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

我是长路，感谢你的耐心阅读。如有问题请指出，我会积极采纳！
欢迎关注我的公众号【长路Java】，分享Java学习文章及相关资料
Q群：851968786 我们可以一起探讨学习
注明：转载可，需要附带上文章链接