#收集控#前端JS/CSS靜態資源公共庫免費CDN加速匯總

2021-03-02 我是小馬甲

相信關注本博的有不少網友是做前端開發的!為了減輕自己伺服器訪問請求壓力。我們經常會將一些靜態公共庫直接使用第三方CDN加速的。

這裡就給大家匯總一下,目前國內外一些比較好使的CDN加速提供商!

測試時間:2020年10月18日 – 2020年10月19日

以下排名是區分先後的!

主要參考:國內訪問情況,提供商背景以及口碑和我自己的使用感受!

如果你有其他優秀的免費靜態資源CDN加速的站點,請留言或者投稿分享給大家哦~

提醒一下以下排名為馬甲親自完成相關測試後,以我主觀判斷排名!!!

字節跳動

官網:http://cdn.bytedance.com/

公共庫,同步 cdnjs.com,但是有時候部分庫沒有及時更新最新版本。支持自定義緩存時長,以及可以通過其他子域名切換 CDN(均有海外加速)

推薦原因:支持4個域名。無論是哪個在國內訪問速度都是非常不錯的!根據速度分析網宿CDN在國外訪問速度略慢一些!

s1.pstatp.com – 網宿 CDN
s2.pstatp.com – 阿里雲 CDN
s3.pstatp.com – 阿里雲 CDN
s4.pstatp.com – 阿里雲 CDN

HTTPS評級:8

ATS:合格

PCI DSS:不合格

HTTP/2:支持

支持IPv4:是

支持IPv6:是

 

網宿 CDN

全球93個IP分發,

平均解析時間:0.150s

平均連接時間:0.192s

平均下載時間:0.034s

平均下載速度:3.656MB/s

 

阿里雲CDN

全球 142 個IP分發,

平均解析時間:0.131s

平均連接時間:0.173s

平均下載時間:0.039s

平均下載速度:5.321MB/s

 

jsDelivr

官網:https://www.jsdelivr.com/

jsDelivr 是一個免費開源的 CDN 解決方案,用於幫助開發者和站長。包含 JavaScript 庫、jQuery 插件、CSS 框架、字體等等 Web 上常用的靜態資源。

推薦原因:在國內使用網宿CDN,國外CloudFlare加速!這樣無論在哪速度和穩定性都不會差!!

風險提醒:由於jsDelivr 支持所有GitHub倉庫加速。這樣在國內很容易觸發紅線,你懂的!

 

HTTPS評級:9

ATS:合格

PCI DSS:不合格

HTTP/2:支持

支持IPv4:是

支持IPv6:是

 

全球74個IP分發,

平均解析時間:0.075s

平均連接時間:0.099s

平均下載時間:0.029s

平均下載速度:5.142MB/s

 

75CDN

官網:https://cdn.baomitu.com

360前端靜態資源庫是由奇舞團支持並維護的開源項目免費 CDN 服務,支持 HTTPS 和 HTTP/2,囊括上千個前端資源庫和 Google 字體庫。均同步於 cdnjs!

推薦原因:目前只有這家支持SRI,也支持Google字體!

HTTPS評級:8

ATS:合格

PCI DSS:不合格

HTTP/2:支持

支持IPv4:是

支持IPv6:否

 

全球 99 個IP分發,

平均解析時間:0.091s

平均連接時間:0.149s

平均下載時間:0.063s

平均下載速度:3.925MB/s

 

Staticfile CDN

官網:https://staticfile.org/

CDN加速由七牛雲提供,技術社區掘金支持。

我們的目標是提供這樣一個倉庫,讓它儘可能全面收錄優秀的開源庫,並免費為之提供 CDN 加速服務,使之有更好的訪問速度和穩定的環境。同時,我們也提供開源庫源接入的入口,讓所有人都可以提交開源庫,包括 JavaScript、CSS、圖片和 swf 等靜態文件。

推薦原因:七牛本身就是CDN起家,加速方面不會差。尤其支持提交開源庫!這個非常不錯哦!

HTTPS評級:8

ATS:合格

PCI DSS:不合格

HTTP/2:不支持

支持IPv4:是

支持IPv6:否

 

全球129個IP分發,

平均解析時間:0.105s

平均連接時間:0.141s

平均下載時間:0.034s

平均下載速度:10.526MB/s

 

 

 

百度CDN

官網:無

同步 unpkg.com NPM 鏡像,所有服務均由百度提供,沒有海外加速。

使用方式:https://www.v2ex.com/t/521411
基本規則:https://code.bdstatic.com/npm/{package}@{version}/{path} (基本上和unpkg一樣)

推薦原因:其實不太推薦百度!百度的爛尾工程太多了!這個不知道會不會爛尾!

HTTPS評級:8

ATS:合格

PCI DSS:不合格

HTTP/2:支持

支持IPv4:是

支持IPv6:否

 

全球65個IP分發,

平均解析時間:0.114s

平均連接時間:0.147s

平均下載時間:0.184s

平均下載速度:2.192MB/s

 

 

loli.net

官網:https://cdnjs.loli.net

某大佬提供的 cdnjs.com 全量鏡像,自建 CDN,目前有 香港、日本、美國以及荷蘭節點(自有節點)

推薦原因:無論是國內還是國外訪問比較一般!可以應急使用下!

HTTPS評級:9

ATS:合格

PCI DSS:不合格

HTTP/2:支持

支持IPv4:是

支持IPv6:是

全球4個IP分發,

平均解析時間:0.134s

平均連接時間:0.418s

平均下載時間:0.250s

平均下載速度:5.917MB/s

 

 

cdnjs.com

官網:https://cdnjs.com/

全球最為著名的開源 CDN 庫,使用 CloudFlare 分發,國外速度 MAX,國內速度渣渣!

推薦原因:國外網站使用絕對沒問題,但是國內的話。還是看其他的吧!

 

HTTPS評級:9

ATS:合格

PCI DSS:不合格

HTTP/2:支持

支持IPv4:是

支持IPv6:是

 

全球3個IP分發:

平均解析時間:0.264s

平均連接時間:0.887s

平均下載時間:1.916s

平均下載速度:951.764KB/s

UNPKG

官網:https://unpkg.com/

unpkg是一個快速的全球內容交付網絡,適用於npm上的所有內容。使用它可以使用以下URL快速輕鬆地從任何包加載任何文件!

推薦原因:國外網站使用絕對沒問題,但是國內的話。呃,一樣還是看其他的吧!

 

HTTPS評級:9

ATS:合格

PCI DSS:不合格

HTTP/2:支持

支持IPv4:是

支持IPv6:是

 

全球6個IP分發,

平均解析時間:0.115s

平均連接時間:0.764s

平均下載時間:1.389s

平均下載速度:728.849KB/s

 

BootCDN

官網:https://www.bootcdn.cn/

BootCDN 是 貓雲 聯合 Bootstrap 中文網 共同支持並維護的前端開源項目免費 CDN 服務,致力於為 Bootstrap、jQuery、React、Vue.js 一樣優秀的前端開源項目提供穩定、快速的免費 CDN 加速服務。BootCDN 所收錄的開源項目主要同步於 cdnjs 開源項目倉庫。

推薦原因:這家CDN口碑可不太好,多次大的調整,多次更換合作商!最近又和貓雲合作了… 不太推薦!

HTTPS評級:-

ATS:-

PCI DSS:-

HTTP/2:支持

支持IPv4:是

支持IPv6:否

全球66個IP分發,

平均解析時間:0.113s

平均連接時間:0.155s

平均下載時間:0.028s

平均下載速度:9.642MB/s

 

 

新浪

更新速度非常慢!且支持的庫並不多!無海外加速!

http://lib.sinaapp.com/

 

微軟

僅支持jQuery相關幾個庫的加速!無國內加速!

https://docs.microsoft.com/zh-cn/aspnet/ajax/cdn/overview

 

又拍雲

僅支持幾個庫,且版本還不是最新的!不過有國外加速!

http://jscdn.upai.com/

 

騰訊

從16年以後就沒有更新過,這個二級域名算是白瞎了!!!

https://libs.qq.com/

 

 

jQuery

額,JQ自家的CDN,國內訪問不太友好!

http://code.jquery.com/jquery-1.7.2.min.js

http://code.jquery.com/jquery-1.7.2.min.js

 

JSHub

額,不知道哪個大佬搭建的!

https://jshub.com/

相關焦點

  • [網站優化實戰]公共CDN庫/Nginx啟用Gzip/全站CDN加速
    本文公眾號來源:Rude3Knife  作者:蠻三刀把刀網站加載優化的過程(主要針對靜態資源),思路可以借鑑一下!前言接觸到CDN的起因:我自己搭建的網站https://price.monitor4all.cn/網頁打開的速度一直比較慢,經查證是我的網站有很多靜態js大文件,通過瀏覽器讀取這些js比較耗時間。
  • 如何使用jsDelivr+Github 實現免費CDN加速?
    都說又拍雲加速會更好一些,但是自己的申請還沒辦好,而博客訪問優化又迫在眉睫,所以先採用了第一個方案:jsDelivr+Github 的方案。下面就以jsDelivr+Github 實現免費cdn加速為例,記錄自己優化過程。
  • 盤點國內常用 CDN 公共庫加速服務
    使用CDN公共庫不僅可以為你節省流量,還能通過CDN加速,獲得更快的訪問速度。一 般的CDN公共庫都會包含全球所有最流行的開源JavaScript庫,你可以在自己的網頁上直接通過script標記引用這些資源。百度CDN公共庫 百度公共CDN為站長的應用程式提供穩定、可靠、高速的服務。
  • 史上最全的前端資源大匯總
    前端 Meta 用法大匯總HTML5新特性5.CSS 3 部分CSS 語法參考如何編寫可維護的CSSCSS3動畫手冊騰訊css3動畫製作工具志爺css小工具集合css3 js 移動大雜燴bouncejs 觸摸庫animate.css全局CSS的終結browserhacksCSS3其他屬性
  • 前端UI框架小匯總
    21CTO社區導讀:作者根據GitHub、前端社區、掘金等平臺對當前流行的前端UI框架的進行了小小的整理和匯總(ps:前端UI框架的應用是通過GitHub
  • 推薦一個前端開源項目 CDN網站
    今天要推薦一款穩定、快速、免費的前端開源項目 CDN 加速服務。, 不如直接引用cdn.官方介紹:BootCDN是Bootstrap 中文網支持並維護的前端開源項目免費 CDN 服務,致力於為 Bootstrap、jQuery、Angular、Vuejs 一樣優秀的前端開源項目提供穩定、快速的免費 CDN 加速服務。
  • Vue typescript 如何極限壓縮編譯後靜態資源
    vue初始打包的靜態資源,通過瀏覽器加載需要近1分鐘的時間。所以需要將靜態資源進行壓縮及相應處理,最終瀏覽器訪問時間為5秒鐘。此處介紹的方式為,需要將圖片和靜態資源打包在一起時的解決方案。1. 處理圖片•首先需要對圖片進行處理,處理方式自行選擇,例如使用ps將圖片質量減小等。•此處推薦一個在線壓縮圖片,處理圖片的網站 imagecompressor注意⚠️不保證網站是否會收集圖片數據,如果數據較為敏感,請不要上傳,自行進行處理。
  • App內網頁啟動加速實踐:靜態資源預加載視角
    在用戶進入網頁應用首頁之後,連結預取能加速後續頁面的訪問速度,而對於網頁應用首頁本身的訪問加速,連結預取則顯得無能為力。因為連結預取需要一個前置頁面來設置預取提示,而網頁應用首頁通常是用戶訪問的起點,不存在這樣的前置頁面。2 App內網頁靜態資源預加載 2.1 App內網頁特點和預加載問題
  • 4 個用於託管開源庫的頂級 CDN 服務
    傳統 CDN 能夠加速你的網站的圖像、CSS、JS 和任何其他靜態內容的訪問。它允許網站所有者加速自己的所有內容,並為他們提供額外的功能和配置選項,而這些高級服務通常需要根據項目使用的帶寬量進行支付。但是,如果你的項目無法證明值得實施傳統 CDN ,那麼使用開源 CDN 可能更合適。
  • 前端資源分享——只為更好前端
    1:能使用html/css解決的問題就不要使用JS會編程的銀豬前端如何呼風喚雨IMWeb coverguo默認的checkbox、input、radio太醜了?Microjs神奇的微型框架二十四、動畫網站說明Animate.css一個跨瀏覽器的CSS動畫庫Bounce.js觸摸庫 CSS3關鍵幀動畫Waves.js點擊按鈕或背景動畫緩動函數指定動畫效果在執行時的速度,使其看起來更加真實二十五、移動端網站說明騰訊移動Web前端知識庫Mars - mobile needs a heroMobi TipsTGideasmobileTechjtyjty99999-
  • 建議收藏:GitHub 上值得收藏的100個精選前端項目!
    toby 超級贊的收集與協作管理書籤的chrome插件,前端開發應該都會用chrome。全球超過10W+的用戶。microjs 可以讓你選擇微型的js類庫的網站,該網站裡的庫都是壓縮後不大於5KB的,非常實用,該網站的資源都託管到了github。plainjs 該倉庫都是用原生js寫的插件和組件,非常實用,該網站的資源都託管到了github。
  • 精選 GitHub 值得收藏的100個前端項目
    frontend-dev-bookmarks 一個巨大的前端開發資源清單  star: 24705Awsome-Front-End-learning-resource github最全的前端資源匯總倉庫  star: 4158mobile-web-favorites 移動端H5開發經驗、資源、以及踩坑匯總  star: 1307Front-end-tutorial
  • GitHub 上100個優質前端項目整理,非常全面
    印記中文網收集了由社區翻譯的比較流行的前端相關框架、工具的中文版文檔。為學習一些新的框架掃平了語言障礙。超級贊的收集與協作管理書籤的chrome插件,前端開發應該都會用chrome。全球超過10W+的用戶。可以讓你選擇微型的js類庫的網站,該網站裡的庫都是壓縮後不大於5KB的,非常實用,該網站的資源都託管到了github。
  • 前端性能優化:當頁面渲染遇上邊緣計算
    原因有多種,主要是首跳用戶在連接復用,和本地資源緩存利用方面,有很大的劣勢。首跳場景下,很多在端上的優化手段(預加載,預執行,預渲染等)無法實施。在客戶端緩存能力無法利用的情況下,利用 cdn 距離用戶近的特性,可以結合緩存做一些性能優化。為了性能優化考慮,我們一般都會通過服務端渲染(SSR) ,將首屏動態內容直接服務端輸出。
  • 國內最著名的公用CDN BootCDN停止服務
    今天打開博客的時候,發現網站所有引用 bootCDN的資源 全部無法加載,並且打開bootCDN搜索的資源地址都指向了cdnjs.cloudflare.com
  • 基於webpack搭建前端工程解決方案探索
    但是由於前端的複雜性和特殊性,前端工程化一直很難做,構建工具有太多局限性。誠如 張雲龍@fouber 所言:前端是一種特殊的GUI軟體,它有兩個特殊性:一是前端由三種程式語言組成,二是前端代碼在用戶端運行時增量安裝。html、css和js的配合才能保證webapp的運行,增量安裝是按需加載的需要。
  • 前端工程師必須收藏的 CSS 資源大全
    awesome-css 是 sotayamashita 發起維護的 CSS 資源列表,內容包括:CSS預處理器、框架、CSS結構、代碼風格指南、命名習慣、播客、演講視頻、大網站的 CSS 開發經驗等等。Awesome 系列雖然挺全,但基本只對收錄的資源做了極為簡要的介紹,如果有更詳細的中文介紹,對相應開發者的幫助會更大。這也是我們發起這個開源項目的初衷。
  • 2015-2016前端知識體系
    樣式命名空間隔離  簡單復用第三方庫   reactjs原理與使用  virtual dom單向數據綁定  js執行語法方式  UI由狀態控制   commonJS/AMDrem原理與實現   code4ui、code4app、初頁、maka等   css3動畫  transform  animation  transiction  3D加速與動畫加速
  • 前端大牛們都學過哪些東西?
    你可以先看看下面的學習資源列表,綜合類前端知識體系前端知識結構Web前端開發大系概覽Web前端開發大系概覽-中文版Web Front-end Stack v2.2免費的編程中文書籍索引前端書籍前端免費書籍大全前端知識體系免費的編程中文書籍索引
  • 前端資源-實用的JS插件
    現在前端資源越來越多,有創意十足的,有實用性高的,這些對於設計師和前端人員來說都是不錯的靈感和資源,所以我們可多關注這些信息,對自己的專業技術有也會幫助的