当前位置: 首页 > news >正文

开源的CDN:jsDelivr+Github加速图片加载

在这里插入图片描述

文章目录

    • 20240530更新

网站加载的图片耗时,将图片使用jsDelivr进行加速。

每次打开静态网站的时候,都会发现页面的内容已经加载出来了,但是图片还是一片白,就考虑如何让图片能够更快的加载出来。

后面发现可以用jsDelivr加速Githut上面的图片,拼接出来一个URL,到时候可以直接使用。

例如我这里有一个Github的仓库,仓库名称叫做resoruce_cdn, 存放图片路径相对于仓库目录的话是 ./CDN/iron_background.jpeg

image-20240530103659696

这样我们根据下面的规则,就能得到一个调用图片的路径,就可以直接使用。如果你们打开这篇文章的话,能够清晰的对比出上面图片和下面图片的区别。(彪哥真的太帅了!!!)

使用定义: 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


http://www.mrgr.cn/news/36289.html

相关文章:

  • JAVA并发编程之final详解
  • 分享课程:VUE数据可视化教程
  • 应用层协议 --- HTTP
  • 注册安全分析报告:人民卫生音像
  • JavaScript --模版字符串用反引号
  • 三维重建的几何评价指标
  • Stable Diffusion的采样方法
  • 数值计算 --- 平方根倒数快速算法(上)
  • Chrome Cookie最大有效期
  • 问题记录:end value has mixed support, consider using flex-end instead
  • WebUI密码被锁定
  • 使用dockerfile来构建一个包含Jdk17的centos7镜像
  • 建立队列,插入队列,删除队列
  • Python 如何使用 unittest 模块编写单元测试
  • Linux:编译,调试和Makefile
  • [智能控制】【第2 章 模糊控制的理论基础】
  • 【算法】贪心+堆排序实现大根堆及标准库容器类的融合使用
  • 9.25度小满一面
  • 如何使用 python 调用 llama3 进行对话?
  • 实验19:ds18b20温度实验