免費 網頁開發 網頁設計

jsDelivr 免費提供上千種 JavaScript、CSS 資源庫,與支援台灣機房的CDN加速服務

2019/05/14

梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務
  雖然說網站中的Javascript與CSS的檔案並不大,當使用太多的特效與模組時,那檔案大小就相當的可觀,因此為了節省網站流量,以及載入的速度,許多有經驗的網頁設計師,就會採用共用資源,像是 Google Libaries 或是 cdnjs 的服務。

  無論是透過Google還是cdnjs都有相當豐富的資源,但時常因為太多人使用時,就會造成資源在載入時,有些延遲,因此最近梅干發現另一個,免費網頁資源服務平台,裡面不但收錄了上千種的JavaScript、CSS模組套件,且還提供了CDN的服務,甚至支援台灣的節點,讓在載入這些素材時,速度更快更輕巧,是一個相當不錯的佛系資源平台,現在就一塊來看看囉!


jsDelivr
網站名稱:jsDelivr
網站連結:http://www.jsdelivr.com/

Step1
當進到「jsDelivr」的網站後,可從搜尋框中,尋找所需素材的關鍵字。
梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務
Step2
找到後,可從右上角的下拉選單中,選擇所需的版本。
梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務
Step3
當要此素材時,只需將右邊的開關設為開啟,接著右邊的清單中,就會出現剛所加入的素材名稱。
梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務
Step4
所需的素材都選擇完畢後,再按右下的「Show&Configure All Links」鈕。
梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務
Step5
接著將上方的區塊,分別設為「HTML output」、「SRI」後,再把下方的素材拷貝起來。
梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務
Step6
再貼到自己網頁中。
梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務
Step7
在開啟網頁瀏覽時,分別可看到這些素材載入的時間,相當的快速。
梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務
Step8
可看到的是,這些素材不但已快取,同時節點還是在TPE(台灣),真是一個超棒的網頁資源平台,有需要的朋友,千萬別錯過了。
梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務