CDN静态资源加速

又到了找bug的时候了，在开发完博客系统后发现，网页加载速度太慢了。加载速度慢可能有几个原因：代码量大、网速慢、服务器性能差。由于我买的是那种很便宜的服务器，所以服务器性能差些，静态资源加载的速度很慢，这里主要是图片记载速度慢。这个时候就需要借助工具提高静态资源的加载速度了

jsDelivr + Github加载资源

GitHub加载速度很慢很慢，单用它来当图库是不行的，还需要用到jsDelivr。
jsDelivr 是一个免费、开源的加速CDN公共服务，托管了许多大大小小的项目，可加速访问托管的项目目录或图片资源。
jsDelivr + Github这样就完美解决了静态资源加载速度慢的问题。以下是访问方法：

https://cdn.jsdelivr.net/gh/用户名称/仓库名称@版本号/目录

//加载资源(版本号不填的话，默认引用最新)
https://cdn.jsdelivr.net/gh/xiejiabin1/images/myblog/blog202007010008/background.jpg
//打开目录（后面的"/"是必要的，不然的话，打不开）
https://cdn.jsdelivr.net/gh/xiejiabin1/images/

腾讯云CDN + COS对象存储

这两个的具体配置我就不多讲了，官网上有详细步骤。

从零开始配置 CDN

对象管理

如果你需要将文件上传到存储桶的话，需要研究下官网的SDK：

SDK文档

其实只需要一个CDN加速就可以了，它可以加速静态资源的加载，但是只能支持80、443和8080端口。博主用的是前后端分离，而且图片还是放到发图片服务器上的（ftp服务器是我在自己云服务器上配置的），所以就还需要用到一个加速的图床，我选择了腾讯云的对象存储做图床，因为它也可以用CDN加速。进入储存桶后可以在左边看到域名管理，进去开启服务，当然CDN那边也需要添加配置。

好了额，静态资源加载慢的问题解决了，我选择的是第二种方法（我感觉比第一种速度快），推荐第一种方法，简单些。

原文链接（发布地址）：https://xiejiabin.online/blog.html?blogId=202007010013