
在設計網站或部落格時經常使用一些外部的 JavaScript 程式庫,例如最常看到的 jQuery、AngularJS 或 CSS 框架,但 JavaScript 程式通常伴隨著拖延網站載入速度的問題,因此才會有所謂的「免費開放式 CDNs 服務」用以改善網站效能,這些服務多由世界級企業提供,例如:Google、Microsoft 和百度、新浪網等等,只要以 CDN 提供的網址來存取 JavaScript 程式就有減少主機流量、加速網站載入等效果,現階段來說非常建議使用。
免費資源指南,每日網路資訊與科技新知
在設計網站或部落格時經常使用一些外部的 JavaScript 程式庫,例如最常看到的 jQuery、AngularJS 或 CSS 框架,但 JavaScript 程式通常伴隨著拖延網站載入速度的問題,因此才會有所謂的「免費開放式 CDNs 服務」用以改善網站效能,這些服務多由世界級企業提供,例如:Google、Microsoft 和百度、新浪網等等,只要以 CDN 提供的網址來存取 JavaScript 程式就有減少主機流量、加速網站載入等效果,現階段來說非常建議使用。
我之前寫過一篇關於「免費開放式 CDNs 服務」的整理介紹,這類服務針對網頁開發者提供,主要用於托管用於網頁的開放原始碼專案,例如常見的 jQuery、Boostrap、AngularJS 等等,利用開放式的 CDN 服務除了可以節省流量。最大優勢是大幅加速網頁載入速度,因為內容傳遞網路特性,能從距離較近的伺服器將檔案傳送給使用者,減少載入時間,不過檔案不是托管在自己主機,你可能會擔心其穩定性或速度。
開發者或網站管理者時常會用到一些 JavaScript Libraries,例如最常見的 jQuery 或字型和 CSS 框架,通常不建議自己託管這些檔案,因為除了耗流量,也可能因此拖慢網站的載入速度。為了解決這種情況,有些人會選擇從 Google Hosted Libaries 或 Microsoft Ajax Content Delivery Network 來拉檔案,之前我在「網頁開發者適用的免費開放式 CDNs 列表」有介紹了一些類似的工具,當你在開發網站或服務時,可能會需要它們。
如果你是網站開發者,一定聽過 JavaScript Framework,有許多常用的框架,例如知名的 jQuery、Prototype、AngularJS,我們都知道 Google 或 Microsoft 等公司也都有提供免費 JavaScript Libraries,來讓開發者連結,以加速網站開啟時間,改善效能,這部分我在「網頁開發者適用的免費開放式 CDNs 列表」一文有詳細整理。
本文參考資料為 A List of Free Public CDNs for Web Developers, 原作者 Jacob Gube。
網站速度對於開發者來說至關重要,為了獲得良好的使用者體驗,沒人想把時間浪費在等待網頁載入。其中用於改善網站效能最簡單的方法,就是透過一個開放式內容傳遞網路(Content Delivery Network,簡稱 CDN)來取得網站的 JavaScript 函式庫或 CSS 框架。
約莫一個月前開始,大陸網友陸續出現無法正常開啟 Google 服務問題,包括 Google 公共庫(Google Hosted Libraries)和字型庫(Google Fonts)皆受影響,傳言是 Google 將原有的香港伺服器移回美國,導致中國大陸使用者被迫連線到美國伺服器,而連線過程可能造成連線異常,或是回應時間過久(有些服務在中國大陸是被防火長城阻擋的)。
架過站的朋友可能多少聽過一些 JavaScript Framework,例如:jQuery、Prototype、MooTools 之類的,透過載入這些程式可以在網站裡實現更多不同的效果或功能。目前在 Google Libraries API 甚至是 Microsoft Ajax CDN 都能夠找到這些程式,但問題是他們只托管最常被用到的函式庫,所以這篇文章要介紹另一個更好用的 JavaScript Libraries CDN - CDNJS。
jQuery for Designers 是一個英文網站,但他有詳細的文字講解和影片教學,所以應該不會因為語言的關係而看不懂,如果對某些部分實在是不太了解,可以使用Google翻譯來幫助閱讀。jQuery for Designers 最大的特色在於他的影片,每部影片幾乎都不少於10分鐘,甚至超過半小時的都有,個個地方都解說的非常詳細。
想要在網站上添加Ajax功能嗎?AjaxDaddy已經幫您整理好囉!
AjaxDaddy蒐集了許多的Ajax程式並且將他們的程式碼及顯示效果展示出來,其中有一些是使用jQuery來達成的。需要使用AjaxDaddy站展示的程式時,只要將程式碼一樣畫葫蘆的放進您的網頁內,就能輕鬆的套用上了。