【jsDelivr】jsDelivr - 一个免费、快速、可靠的为JS和开源项目服务的CDN

这篇具有很好参考价值的文章主要介绍了【jsDelivr】jsDelivr - 一个免费、快速、可靠的为JS和开源项目服务的CDN。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。



jsDelivr 简介

官网
jsDelivr是一个提供含JavaScript库、jQuery插件、CSS框架、字体等Web上经常使用静态资源的服务,采用全球CDN加速,确保每一个地区的使用者都能得到最好的链接速度,大陆地区使用国内CDN加速jsDelivr可将不一样的JavaScriptCSS库集合在一块儿使用,jsDelivr提供包扣npmESMGitHubWordPress等项目的镜像服务。最重要的是jsDelivr在国内使用的是网宿的CDN节点延迟低。jsDelivr 将重心放在更快速的网路连线,利用 CDN 技术来确保每个地区的使用者都能获得最好的连线速度。
用户在访问网站的同时,只是从用户服务器加载少量动态资源,大量静态资源全部通过jsDelivrCDN进行加载,这样既能减少服务器的请求,也能减少用户服务器CDN流量的使用,这样可以有效的优化私有服务器的资源加载速度、带宽等问题。

jsDelivr 工作原理

【jsDelivr】jsDelivr - 一个免费、快速、可靠的为JS和开源项目服务的CDN

jsDelivr加速域名如下

  • cdn.jsdelivr.net: 意大利、韩国、泛播Cloudflare
  • fastly.jsdelivr.net: 中国香港、日本东京、泛播 Fastly
  • gcore.jsdelivr.net :德国Gcore
  • jsdelivr.codeqihan.com :个人镜像,泛播 Cloudflare
  • test1.jsdelivr.net
  • testingcf.jsdelivr.net :泛播 Cloudflare

cdn.jsdelivr.net 2023/06/21 域名解析结果

地址 ip
泛播 Cloudflare 104.16.85.20
泛播 Cloudflare 104.16.89.20
泛播 Cloudflare 104.16.86.20
韩国 庆尚北道 浦项市 KT 59.24.3.174
意大利 伦巴第 米兰 93.46.8.90
泛播 Cloudflare 104.16.87.20
泛播 Cloudflare 104.16.88.20

fastly.jsdelivr.net 2023/06/21 域名解析结果

地址 ip
泛播 Fastly 146.75.113.229
中国 香港 Fastly 151.101.77.229
日本 东京 Fastly 151.101.109.229

gcore.jsdelivr.net 2023/06/21 域名解析结果

地址 ip
德国 92.223.84.84
德国 92.223.84.254

test1.jsdelivr.net 2023/06/21 域名解析结果

地址 ip
泛播 Cloudflare 104.16.85.20
泛播 Cloudflare 104.16.89.20
泛播 Cloudflare 104.16.86.20
泛播 Cloudflare 104.16.88.20
泛播 Cloudflare 104.16.87.20

仓库

  • npm:https://<jsDelivr加速域名>/npm/<项目>@<版本>/<资源路径>
  • ESM: https://esm.run/<项目>@版本/<资源路径>
  • GitHub: https://<jsDelivr加速域名>/gh/<用户>/<项目>@<版本>/<资源路径>
  • WordPress: https://<jsDelivr加速域名>/wp/plugins/<项目>/tags/<版本>/<资源路径>

拓展 - 其他CDN

  • 谷歌开发加速库 : 国内环境无法使用
  • 微软Ajax CDN : 包含部分库,没有 npm、GitHub全。

注意: 在生产环境中,不建议使用最新版本的方式获取资源,原作者在版本升级过程中会对一些功能进行新增、删除或修改,当原作者对版本进行升级的时候可能会导致网站打开失败、布局错乱、主题不符等情况,建议直接指定版本来部署生产环境

npm

  1. 加载任何托管在npm上的项目
    https://fastly.jsdelivr.net/npm/package@version/file

  2. 加载jQuery v3.6.4
    https://fastly.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js

  3. 使用版本范围而不是特定版本
    https://fastly.jsdelivr.net/npm/jquery@3.6/dist/jquery.min.js
    https://fastly.jsdelivr.net/npm/jquery@3/dist/jquery.min.js

  4. 完全省略版本以获取最新版本
    注意: 在生产环境中,不建议使用这种方式获取资源
    https://fastly.jsdelivr.net/npm/jquery/dist/jquery.min.js

  5. 在任何JS/CSS文件名后面添加".min"以获得经过压缩的版本

// 如果没有压缩版本,我们会为您生成。
https://fastly.jsdelivr.net/npm/jquery@3.6.4/src/core.min.js

  1. 省略文件路径以获取默认文件
    https://fastly.jsdelivr.net/npm/jquery@3.6

  2. 在结尾添加 /可以获取目录列表
    https://fastly.jsdelivr.net/npm/jquery/

ESM

  1. 加载任何托管在npm上的项目
    https://esm.run/package@version/file

  2. 加载d3 v7.8.3
    https://esm.run/d3@7.8.3

  3. 使用版本范围而不是特定版本
    https://esm.run/d3@7.8
    https://esm.run/d3@7

  4. 完全省略版本以获取最新版本
    注意: 在生产环境中,不建议使用这种方式获取资源
    https://esm.run/d3

  5. 加载指定的文件
    https://esm.run/d3/dist/d3.js

所有包都会自动捆绑和压缩

GitHub

  1. 加载任何GitHub版本、提交或分支
    注意: 我们建议对支持npm的项目使用npm
    https://fastly.jsdelivr.net/gh/user/repo@version/file

  2. 加载jQuery v3.6.4
    https://fastly.jsdelivr.net/gh/jquery/jquery@3.6.4/dist/jquery.min.js

  3. 使用版本范围而不是特定版本
    https://fastly.jsdelivr.net/gh/jquery/jquery@3.6/dist/jquery.min.js
    https://fastly.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

  4. 完全省略版本以获取最新版本
    注意: 在生产环境中,不建议使用这种方式获取资源
    https://fastly.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

  5. 在任何JS/CSS文件名后面添加".min"以获得经过压缩的版本
    如果没有压缩版本,将会自动生成。
    https://fastly.jsdelivr.net/gh/jquery/jquery@3.6.4/src/core.min.js

  6. 在结尾添加 / 可以获取目录列表
    https://fastly.jsdelivr.net/gh/jquery/jquery/

WordPress

  1. WordPress.org插件SVN仓库中加载任意插件
    示例
    https://fastly.jsdelivr.net/wp/plugins/project/tags/version/file

  2. 加载指定的版本
    https://fastly.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js

  3. 加载最新版本
    注意: 在生产环境中,不建议使用这种方式获取资源
    https://fastly.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js

  4. WordPress.org主题SVN仓库中加载任意主题
    https://fastly.jsdelivr.net/wp/themes/project/version/file

  5. 加载一个指定版本的主题
    https://fastly.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js

注意:

  • 在任何JS/CSS文件名后面添加".min"以获得经过压缩的版本
  • 如果没有压缩版本,将会自动生成。

常见问题

cdn.jsdelivr.net无法访问

解决方法一
更换一个有用的 jsDelivr加速域或仓库,一般作者只会在npm、ESM、GitHub、WordPress等其中一个仓库进行资源上传,如果作者在不同的仓库都有上传的,那么他的<用户>/<项目>@<版本>/<资源路径>也是不一样的
如:katex@0.16.7katex.min.js ,以下总有一个jsDelivr加速域名能访问,如果都不能建议更换版本号或删掉版本号(默认获取最新的版本)

npm仓库地址

  • https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.js
  • https://fastly.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.js
  • https://gcore.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.js
  • https://jsdelivr.codeqihan.com/npm/katex@0.16.7/dist/katex.min.js
  • https://test1.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.js
  • https://testingcf.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.js

GitHub仓库地址

  • https://cdn.jsdelivr.net/gh/KaTeX/KaTeX@0.16.7/katex.min.js
  • https://fastly.jsdelivr.net/gh/KaTeX/KaTeX@0.16.7/katex.min.js
  • https://gcore.jsdelivr.net/gh/KaTeX/KaTeX@0.16.7/katex.min.js
  • https://jsdelivr.codeqihan.com/gh/KaTeX/KaTeX@0.16.7/katex.min.js
  • https://test1.jsdelivr.net/gh/KaTeX/KaTeX@0.16.7/katex.min.js
  • https://testingcf.jsdelivr.net/gh/KaTeX/KaTeX@0.16.7/katex.min.js

解决方法二
将相关资源下载到自己的项目中,搭建网站时将其存在到自己的服务器上,这样就不会收到第三方的限制。但是这样做有以下缺点:文章来源地址https://www.toymoban.com/news/detail-501208.html

  • 消耗流量
  • 拖慢网站的加载速度

到了这里,关于【jsDelivr】jsDelivr - 一个免费、快速、可靠的为JS和开源项目服务的CDN的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Cypress.io:快速简单可靠的浏览器测试工具 | 开源日报 No.142

    Stars: 45.5k License: MIT Cypress.io 是一个快速、简单和可靠的浏览器测试工具,可以用于任何在浏览器中运行的内容。它支持 Mac、Linux 和 Windows 系统,并提供了安装指南。 Stars: 4.1k License: GPL-3.0 DeskHop 是一个快速切换桌面的设备,它允许用户通过键盘快捷键或鼠标指针在不同操作系

    2024年01月25日
    浏览(49)
  • Nginx - ​一个高性能、灵活可靠的开源Web服务器

    Nginx是什么?   Nginx是一个 高性能的HTTP和反向代理web服务器 ,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。2011年6月1日,nginx 1.0.4发布。   特点是 占有

    2024年02月07日
    浏览(73)
  • Github搭建图床 github搭建静态资源库 免费CDN加速 github搭建图床使用 jsdelivr CDN免费加速访问

    写博客文章时,图片的上传和存放是一个问题,使用小众第三方图床,怕不稳定和倒闭,七牛云和又拍云都有免费10GB,但是需要自己有域名才行,这时候就可以使用Github,github免费版是无限仓库数量、无限文件数量,但是限制 单个文件不能大于100MB ,完全够用了 Github搭建静

    2024年02月01日
    浏览(74)
  • 【Bun1.0】使用 Bun.js 构建快速、可靠和安全的 JavaScript 应用程序

    Bun 是一个现代的JavaScript运行环境,如Node, Deno。主要特性如下: 启动速度快。更高的性能。完整的工具(打包器、转码器、包管理)。 https://bun.sh 与传统的 Node.js 不同,Bun.js 提供了一些新的特性和功能,例如: 更快的启动速度、更小的内存占用、更好的异常处理机制等等。

    2024年02月09日
    浏览(37)
  • 免费部署一个开源大模型 MOSS

    2023年初,ChatGPT 人工智能对话模型火爆全球,仅两个月的时间就突破一亿月活用户,成为有史以来应用速度最快的技术之一。 ChatGPT 的大热引发了全球科技巨头之间的“军备竞赛”,中国本土的“中国版 ChatGPT ”也随之展开了激烈角逐。在中国多家科技公司中,百度于3月上线

    2024年02月06日
    浏览(47)
  • 介绍一个强大的免费开源.net反编译工具

    dnSpy 是一个用C#开发,开源的调试器和.NET 汇编编辑器。 即使您没有任何可用的源代码,也可以使用它来编辑和调试程序,并可以把代码导出成.net工程。

    2024年01月17日
    浏览(43)
  • 一个开源免费的实时AI绘画软件Krita

    Krita是由Krita插件+ComfyUI+LCM插件结合的一个实时可预览的AI绘画工具,是一款自由开源、免费的专业级绘画软件,Krita采用的是GNU GPL许可证确保它将一直保持自由开源的本色。 一:搭建Krita创作平台 1、Krita客户端软件,该软件下载地址:https://krita.org/zh-cn/download/  2、AI给画软件

    2024年03月19日
    浏览(61)
  • 一个开源、免费在线数据建模、元数据管理平台,简单易用

    一、开源项目简介 ERD Online 是一个开源、免费在线数据建模、元数据管理平台。提供简单易用的元数据设计、关系图设计、SQL查询等功能,辅以版本、导入、导出、数据源、SQL解析、审计、团队协作等功能、方便我们快速、安全的管理数据库中的元数据。 使用AGPL-3.0开源协议

    2024年02月02日
    浏览(53)
  • Koodo Reader : 一个开源免费的电子书阅读器

    今天在浏览 GitHub 的时候,偶然发现了一个非常有趣的开源项目——Koodo Reader。这个项目是一款开源免费的电子书阅读器,支持多种格式。它具有一些非常独特的功能,深深地吸引了我的注意。在接下来的内容中,我将为大家详细介绍一下这个备受关注的阅读器项目。 Koodo

    2024年01月22日
    浏览(44)
  • 14.4K Star,一款外观漂亮、运行快速、动画细腻的开源免费UI组件库

    之前给大家推荐了很多后台模版,有读者希望推荐一些跟通用的好看组件,毕竟出了后台还有很多其他场景嘛。所以,今天继续给大家推荐一个广受好评的UI组件库: NextUI NextUI 的主要目标是简化开发流程,为增强的用户体验提供美观且适应性强的系统设计。 它有以下几点核

    2024年02月11日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包