jsDelivr为开发者网站提供免费的CDN加速服务

本文要介绍的 [jsDelivr]是一个免费,开放原始码的公有CDN服务,托管了许多大大小小的 JavaScript,CSS等libraries,除了在内容部分有相当高的完整性,jsDelivr 跟其他同类型服务还有什么不同之处呢?

如果你的网站原代码中,出现了https://cdn.jsdelivr.net相关的JS代码,不用担心,这不是你的网站被攻击了,这个是jsDelivr为网站开发者提供的免费CDN加速服务,如下图所示:

jsDelivr为网站开发者提供的免费CDN加速服务代码
jsDelivr为网站开发者提供的免费CDN加速服务代码

网站程序开发人员或者网站管理人员通常都会用到JS代码,常见的有jQuery和CSS框架,一般这些代码都不会存储在自己的网站服务器里,因了这些文件既会耗费你的网站流量,还会拖慢你网站的加载速度,下面为大家介绍的是”jsDelivr的CDN服务代码,公开代码免费给大家使用的。

jsDelivr为开发者网站提供免费的CDN加速服务
jsDelivr为开发者网站提供免费的CDN加速服务

jsDelivr网站技术研发的重心是为站长用户寻找更快速的网络连接线路,利用CDN技术来保障世界每个地方都能能好的网络连接速度,jsDelivr首先打开的就是我国内陆与海外的免费CDN服务,让我国大陆地区站长们无需担心FW问题而影响网站连线,(不会像以前中国大陆地区无法使用 [Google Hosted Libaries ](https://developers.google.com/speed/libraries/ “Google Hosted Libaries “) 而必须用 [libs.useso.com](https://free.com.tw/libs-useso-com/ “libs.useso.com”) 替代)。

另外,jsDelivr将不同的JavaScript或CSS libraries整合在一起,然后用一段链接将这段代码加载到网站,简洁方便。

jsDelivr提供的CDN免费加速服务使用方法:

jsDelivr提供的是npm、GitHub、WordPress等项目的镜像,可能对于新站长来说比较复杂,其实就是教大家如何用,例如一网站的CSS文件为style.css,我们通常调用这个文件是如下所示:

https://mywebsite.com/wp-content/themes/mytheme/static/css/style.css

如果我们将WordPress网站主题托管到了github,那么style.css这个CSS文件调用方法是这样的,如下代码所示:

https://github.com/mygitname/mywebsite/tree/master/static/css/style.css

如果你的Releases的版本为0.0.1,那么github中style.css这个CSS文件调用方法就会是这样的,CSS样式代码调用如下所示:

https://github.com/mygitname/mywebsite/tree/0.0.1/static/css/style.css

如果我们选择将style.css这个CSS文件托管到jsDelivr中,那么就要将style.css这个CSS样式文件的调用链接进行修改,代码调用方法如下:

https://cdn.jsdelivr.net/gh/mygitname/mywebsite@0.0.1/static/css/style.css

如果要使用的是缩小版本功能,那么就需要将“.min”添加到网站的JS或CSS文件中,jsdelivr将会自动生成调用文件。

https://cdn.jsdelivr.net/gh/mygitname/mywebsite@0.0.1/static/css/style.min.css

以下是jsDelivr官方的介绍:

npm CDN代表的是加载npm上托管的任何项目

https://cdn.jsdelivr.net/npm/package@version/file

以下 CDN加载的文件确切版本

https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js

使用版本范围而不是确切版本

https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js
https://cdn.jsdelivr.net/npm/jquery@3.1/dist/jquery.min.js

如果要继续使用此功能,并且该文件已在新版本中已不可用,则由jsdelivr版本回退功能,这个链接可以继续工作,jsdelivr将继续从旧版本的软件包中提供该文件,而不是因为404错误而失败。

按标签加载(不建议用于生产用途)

https://cdn.jsdelivr.net/npm/jquery@beta/dist/jquery.min.js

完全省略版本或使用“latest”加载最新版本(不推荐用于生产用途)

https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js
https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js

请求最新版本
(而不是“最新专业版”或“最新版本”)是危险的,因为主要版本通常会带来重大变化,只有你真的知道自己在做什么才这样做。
将“.min”添加到任何JS / CSS文件以获得缩小版本 – 如果不存在,jsdelivr将为您生成它。所有生成的文件都带有源映射,可以在开发过程中轻松使用:

https://cdn.jsdelivr.net/npm/github-markdown-css@2.4.1/github-markdown.min.css

缩小大文件可能需要几秒钟。但是jsdelivr将所有生成的文件存储在永久存储中,因此此延迟仅适用于前几个请求。
省略文件路径以获取默认文件(目前不推荐)。此文件始终缩小:

https://cdn.jsdelivr.net/npm/jquery@3.2.1
https://cdn.jsdelivr.net/npm/jquery@3
https://cdn.jsdelivr.net/npm/jquery

如果默认文件不直接位于程序包的根目录中,则使用此功能可能会导致相对导入出现问题,例如源映射,图像或请求的文件引用的字体文件。
获取目录列表

https://cdn.jsdelivr.net/npm/jquery@3.2.1/
https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/

GitHub CDN
建议将npm用于支持更好用户体验的项目 – 在jsdelivr网站上可以搜索npm包,并且包页面显示其他有用信息,例如描述和主页链接。
jsdelivr使用永久S3存储来确保所有文件仍然可用,即使GitHub发生故障,或者作者删除了存储库或版本。仅在第一次直接从GitHub获取文件,或者当S3关闭时。
加载任何GitHub版本,提交或分支:

https://cdn.jsdelivr.net/gh/user/repo@version/file

加载文件的确切版本

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@32b00373b3f42e5cdcb709df53f3b08b7184a944/dist/jquery.min.js

使用版本范围而不是确切版本

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

如果您使用此功能,并且最新版本中未提供您请求的文件,则由于jsdelivr的版本回退功能,该链接将继续有效。jsdelivr将继续从旧版本提供该文件,而不是因为404错误而失败。
完全省略版本或使用“latest”加载最新版本(不推荐用于生产用途):

https://cdn.jsdelivr.net/gh/jquery/jquery@latest/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

请求最新版本(而不是“最新专业版”或“最新版本”)是危险的,因为主要版本通常会带来重大变化。只有你真的知道自己在做什么才这样做。
将“.min”添加到任何JS / CSS文件以获得缩小版本 – 如果不存在,我们将为您生成它。所有生成的文件都带有源映射,可以在开发过程中轻松使用:

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js

缩小大文件可能需要几秒钟。但是,jsdelivr将所有生成的文件存储在永久存储中,因此此延迟仅适用于前几个请求。

获取目录列表

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/

合并多个文件,jsdelivr的组合端点允许您在一个请求中从npm和GitHub端点加载多个文件:

https://cdn.jsdelivr.net/combine/url1,url2,url3

适用于单个文件的所有功能(版本范围,缩小等)也适用于此处。所有组合文件都带有源映射,可以在开发过程中轻松使用。

https://cdn.jsdelivr.net/combine/gh/jquery/jquery@3.2/dist/jquery.min.js,gh/twbs/bootstrap@3.3/dist/js/bootstrap.min.js
https://cdn.jsdelivr.net/combine/npm/bootstrap@3.3/dist/css/bootstrap.min.css,npm/bootstrap@3.3/dist/css/bootstrap-theme.min.css

组合大/多个文件可能需要几秒钟。但是,jsdelivr将所有生成的文件存储在永久存储中,因此此延迟仅适用于前几个请求。
WordPress CDN,从WordPress.org插件SVN repo加载任何插件

https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file

加载文件的确切版本

https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js

加载最新版本(不建议用于生产用途)

https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js

请求最新版本是危险的,因为新版本可能会带来重大变化。只有你真的知道自己在做什么才这样做。

从WordPress.org主题SVN repo加载任何主题

https://cdn.jsdelivr.net/wp/themes/project/version/file

加载文件的确切版本

https://cdn.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js

本篇文章发布于大兵SEO博客,为大兵原创内容,如若转载,请注明出处:https://www.zhuzhouren.cn/jianzhanjiaocheng/fuwuqiyunwei/1477.html,否则,禁止转载,谢谢配合!

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2020-10-19 09:51
下一篇 2020-10-21 13:39

其他人还看过以下内容

发表回复

登录后才能评论
联系我

平时工作忙:合作还是咨询SEO服务,请简明扼表明来意!谢谢!

在线咨询:点击这里给我发消息

邮件:dabingseo@qq.com
工作时间:周一至周六,10:30-24:30,节假日休息

个人微信
个人微信
分享本页
返回顶部