網(wǎng)頁加載速度主要取決于頁面中的靜態(tài)資源(js/css/圖片)的體積。除圖片屬網(wǎng)站專有。常用的js與css文件庫復用率高(如:jquery/layui等),而部分頁面引用的js/css體積超過1M,對于個人云服務(wù)器加載這些資源可能要數(shù)秒,影響網(wǎng)站訪問速度。
所以一些平臺提供了靜態(tài)資源庫,可以讓網(wǎng)頁迅速加載(用戶多,靜態(tài)資源已經(jīng)緩存在用戶的瀏覽器中)。
自己網(wǎng)站加載靜態(tài)資源(js、css),提高加載速度,減少自己云服務(wù)器的負荷。下面是比格云收集的一些常用的靜態(tài)資源庫及正確的使用方法。
國內(nèi)靜態(tài)資源公共庫
七牛云存儲
又拍云
360前端靜態(tài)資源庫
Bootstrap中文網(wǎng)
新浪云計算CDN公共庫:
字節(jié)跳動靜態(tài)資源公共庫
下面是國外的
CDNJS
Microsoft CDN
https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview
jsDelivr
可能少部分同學覺得第3方的資源可以無法連通,而如果自己的頁面能訪問,從自己服務(wù)器加載資源成功率更高。那么比格云推薦備用方案:從第3方加載靜態(tài)資源失敗時自動從自己服務(wù)器加載。下面是正確的使用方法。
在 CDN 讀取失敗的時候從自己服務(wù)器加載:
http://wlib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
<script>
if (!window.jQuery) {
var script = document.createElement('script');
script.src = "/js/jquery.min.js";
document.body.appendChild(script);
}
</script>
聯(lián)系客服