文章目录
- 20240530更新
网站加载的图片耗时,将图片使用jsDelivr进行加速。
每次打开静态网站的时候,都会发现页面的内容已经加载出来了,但是图片还是一片白,就考虑如何让图片能够更快的加载出来。
后面发现可以用jsDelivr加速Githut上面的图片,拼接出来一个URL,到时候可以直接使用。
例如我这里有一个Github的仓库,仓库名称叫做resoruce_cdn
, 存放图片路径相对于仓库目录的话是 ./CDN/iron_background.jpeg
。
这样我们根据下面的规则,就能得到一个调用图片的路径,就可以直接使用。如果你们打开这篇文章的话,能够清晰的对比出上面图片和下面图片的区别。(彪哥真的太帅了!!!)
使用定义: https://cdn.jsdelivr.net/gh/Github用户名/仓库名@版本号/文件路径。
参考用例:https://cdn.jsdelivr.net/gh/SmartDengC/resource_cdn@master/CDN/iron_background.jpeg
我常用的图片是放到Gitee上面的,为什么没有GItee来做加速,第一个原因是因为我暂时没有找到相关的方法, 后面如果有的话,我会及时更新;第二个原因就是Github对国内访问有一点点局限,所有把不常修改的内容放到Github上面,常用的放到Gitee上面。
20240530更新
在访问的时候突然发现一个问题:
不架梯子的时候,会访问两个地址,一个是这个jsdelivr的地址,好像是访问不到,进行了重定向(301 Moved Permanently:了解HTTP永久重定向错误码):
请求网址: https://cdn.jsdelivr.net/gh/SmartDengC/resource_cdn@master/CDN/iron_background.jpeg
请求方法: GET
状态代码: 301 Moved Permanently
远程地址: 146.75.113.229:443
引荐来源网址政策: strict-origin-when-cross-origin
然后才是访问的地址:https://raw.githubusercontent.com/SmartDengC/resource_cdn/master/CDN/iron_background.jpeg
, 一看这个就是github的地址,在国内访问很慢。
架梯子访问的是:https://cdn.jsdelivr.net/gh/SmartDengC/resource_cdn@master/CDN/iron_background.jpeg
。