自动检测 cdn.jsdelivr.net 是否可用,如果不可用时,会自动把所有 js, css, image 的地址切换到其他可用的域名

ad 广告

由于一些原因,cdn.jsdelivr.net 在一些地区无法访问 (如 issue)。在网站里添加上 jsdelivr-auto-fallback 代码,可以自动检测 cdn.jsdelivr.net 是否可用, 如果不可用时,会自动把所有 js, css, image 的地址切换到其他可用的域名。

比如

  • fastly.jsdelivr.net
  • gcore.jsdelivr.net

你也可以自己准备一个静态资源服务器,只把网站用到的 js, css, img 文件放进去,和 cdn.jsdelivr.net 保持同样的文件目录结构,相当于 cdn.jsdelivr.net 的一个部分镜像。或者建一个 cdn.jsdelivr.net 的 proxy 服务器。然后把静态资源服务器网址放到列表里。这样的话,在 jsdelivr.net 可用的地区或时候,用 jsdelivr.net,不可用时,用自己的静态资源服务器。

适用场景

如果可以切换到其他 CDN,建议尽量切换。如果是以下几种情况,可以考虑使用本项目。

  • 网站的大部分用户在中国大陆以外,使用 cdn.jsdelivr.net 会更快
  • 相信(希望)有一天中国大陆还能正常访问 cdn.jsdelivr.net
  • 网站切换到其他 CDN 工作量很大,或无法切换
  • 网站的图片在 cdn.jsdelivr.net 上面

添加方法

  1. 直接复制 下边代码1或代码2里的内容,加到网站里。强烈建议添加到 head 标签最上面。
  2. 所有 script 标签加上 defer 属性。如果原来有 async 属性,可以跳过。这个可以避免 pending 状态带来的等待时间,大大提升性能。

代码1如下:

代码2如下:

ad 广告
© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容