加速网站页面加载运行,使用免费CDN公共库帮你

网站建设 网络投稿 2021-03-21 08:37 2239 0

33.jpg

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。现在web应用都在使用JS类库,这些类库小的几十K,大的几百K,而国内网络访问速度大家都知道不是那么惬意,所以给各位开发者推荐常用JS类库的CDN缓存,这样不管客户在哪里访问你的页面,调用公共类库的速度都会为你的页面节省很多时间。

一般的CDN公共库都会包含全球所有最流行的开源JavaScript库,你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您 节省流量,还能通过CDN加速,获得更快的访问速度。

之前大多数网站都在调用google公共库和google字体,360前端公共库就成了赤手可热的选择,最近360也宣布停止公共库服务,所以很多网站就出现了加载缓慢的问题,在这里就给各位站长分享一下免费CDN公共库。

2021年3月更新,百度,360,腾讯,亚里已经挂掉,用一少一,有条件还是自己上CDN靠谱点。

新浪(推荐,稳定快速)

官网 https://lib.sinaapp.com/
举例 lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.js
举例 lib.sinaapp.com/js/jquery/1.8.2/jquery.min.js
举例 lib.sinaapp.com/js/jquery-mobile/1.3.1/jquery.mobile-1.3.1.js

又拍云

官网 http://jscdn.upai.com/
举例 upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js
举例 upcdn.b0.upaiyun.com/libs/jqueryui/jquery.ui-1.10.3.min.js

七牛云staticfile

官网 https://www.staticfile.org/
举例 cdn.staticfile.org/jquery/2.1.1-rc2/jquery.js
举例 cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js
举例 cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.map

淘巴士

官网 http://cdnn.taobus.com/
举例 cdn.taobus.com/libs/angular/1.5.5/angular.min.js
举例 cdn.taobus.com/libs/jquery/3.0.0/jquery.min.js
举例 cdn.taobus.com/libs/jquery/3.0.0/jquery.js

腾讯静态公共库 (已挂)

官网 http://libs.qq.com/
举例 http://libs.qq.com/jquery/2.1.1/jquery.2.1.1.js
举例 http://libs.qq.com/jquery/2.1.1/jquery.2.1.1.min.js
举例 http://libs.qq.com/bootstrap/css/bootstrap.css

JQuery

官网 http://code.jquery.com/ui/
举例 code.jquery.com/ui/1.12.0/jquery-ui.js
举例 code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js
举例 code.jquery.com/color/jquery.color.svg-names-git.js

点点网(已失效)

官网 http://doc.diandian.com/template/resource-hosting/
举例 t.libdd.com/js/libs/jquery/jquery-1.7-latest.js
举例 t.libdd.com/js/libs/jquery/jquery-1.6-latest.js
举例 t.libdd.com/js/libs/jquery/jquery-1.5-latest.js

BootCDN

官网 http://www.bootcdn.cn/
举例 cdn.bootcss.com/jquery/2.1.1-rc2/jquery.js
举例 cdn.bootcss.com/jquery/2.1.1-rc2/jquery.min.js
举例 cdn.bootcss.com/jquery/2.1.1-rc2/jquery.min.map

CDNJS

官网 http://www.cdnjs.net/
举例 libs.cdnjs.net/10up-sanitize.css/1.0.0/sanitize.css

Google Hosted Libraries 已K

官网 https://developers.google.com/speed/libraries/
举例 ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
举例 ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js

Microsoft ASP.Net CDN

官网 http://www.asp.net/ajaxlibrary/cdn.ashx
举例 ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js
举例 ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js
举例 ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.j

JsDelivr

官网 http://www.jsdelivr.com/
举例 cdn.jsdelivr.net/jquery/2.1.0/jquery.js
举例 cdn.jsdelivr.net/jquery/2.1.0/jquery.min.js

360(新版)已挂

官网 https://cdn.baomitu.com/
举例 lib.baomitu.com/jquery/3.1.1/core.js
举例 lib.baomitu.com/jquery/2.1.1-rc2/jquery.min.js
举例 lib.baomitu.com/jquery/2.1.1-rc2/jquery.min.map

360(已失效)

官网 http://libs.useso.com/
举例 libs.useso.com/js/jquery/2.1.1-rc2/jquery.js
举例 libs.useso.com/js/jquery/2.1.1-rc2/jquery.min.js
举例 libs.useso.com/js/jquery/2.1.1-rc2/jquery.min.map

百度、已挂

官网 http://cdn.code.baidu.com/
举例 libs.baidu.com/jquery/1.9.0/jquery.js
举例 libs.baidu.com/jquery/2.0.0/jquery.min.js
举例 libs.baidu.com/jquerymobile/1.3.0/jquery.mobile-1.3.0.js

LimCDN(已挂)

官网 http://www.limcdn.com/
举例 libs.limcdn.com/ajax/libs/jquery/1.2.3/jquery.js

MiniCDN(已失效)

官网 http://www.minicdn.com/

为什么使用CDN公共库

网站在加载时,像jquery等资源是必须加载的,使用缓存在不同节点服务器的CND,不仅可以减少网站服务器的加载量,提高网站运行速度,对用户体验也是一种提高。

这些CDN公共库大都各具特色。大家可以自己选择性去使用。速度和稳定性以国内的百度和新浪为最佳(当然这是个人意见)。鉴于Google已经被墙,所有关于Google的服务大家还是尽快转移阵地,使用国内的CDN公共库服务吧。

注:如果担心CDN地址加载失败,可以这样载入本地jquery

可用用1或2

<script type="text/javascript">
!window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
</script>
<script src="http://wlib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script><script>if (!window.jQuery) {
    var script = document.createElement('script');
    script.src = "/js/jquery.min.js";
    document.body.appendChild(script);
    
}</script>