2012年6月15日 星期五

使用JSMin批次壓縮所有的Javascript,提升網站效能

JSMin是一套指令型的工具,方便的是你可以編輯一個批次檔,快速的將網站所有的Javascript一次性的壓縮。


網站:http://www.crockford.com/javascript/jsmin.html
下載:http://www.crockford.com/javascript/jsmin.zip

使用方法: D:\JS\jsmin.exe < project.js > project.jgz

透過上面的指令可以將 project.js 壓縮成 project.jgz,為了能批次的壓縮專案中所有的Javascript,在此撰寫一個Batch檔

 
D:\JS\jsmin.exe < project.js > project.jgz
D:\JS\jsmin.exe < project1.js > project1.jgz
D:\JS\jsmin.exe < project2.js > project2.jgz
D:\JS\jsmin.exe < project3.js > project3.jgz
D:\JS\jsmin.exe < project4.js > project4.jgz
D:\JS\jsmin.exe < project5.js > project5.jgz

將以上內容另存成 jscompress.bat 即可,另外在載入壓縮過後的Javascript請記得以下2個原則

1. 請於網站頁尾再載入
2. 請將其放置於</body>之前



相關閱讀

如何有效的提升網站的效能 - 12項建議



2012年6月8日 星期五

Slowcop - 免費網頁載入速度測試網站

Slowcop提供免費的網頁載入速度測試服務,使用簡單,在頁面中輸入你的網址,然後點後面的綠色按鈕,等待Slowcop對你的網頁進行測試,然後即可獲得你的網頁測速報告。從中你可以看到哪部分元素影響你的網頁載入速度,並且會給出你的網頁各個測試項目的評分以及如何優化你的網頁載入速度的建議。
   
Slowcop 是基於Google Page Speed ​​技術建立的網頁速度測試服務,感覺測試報告比Google Page Speed ​​更直觀,可讀性更強,大家可以互相參考使用。


網址:
http://slowcop.com



如何有效的提升網站的效能 - 12項建議



很多網友在使用網站服務時,常常是不願意等待的。同樣類型的服務網站,網友們總是傾向於使用較快速而穩定的網站。尤其是商務型網站更是如此。
建置一個即時而快速的網站是每個開發人員都應該有的觀念,影響網站速度的原因有很多,在這裡提供幾個建議:
  1. 減少靜態檔的存取次數,如Javascript, CSS, image這些類型的檔案,最好的方法就是將多個JS檔,、CSS檔 合併成一個,在網站載入的時候自然可以減少存取的次數,image的部份則可以使用sprite的技巧來解決
  2. 在使用Javascript Framwork時,盡量使用Javascript Library CDN的服務,什麼是CDN的服務呢,也就是內容分散傳遞服務,如目前的Google Libraries API,CSNJS 等..
  3. 將Javascript、CSS等檔案進行壓縮
  4. 將 CSS 檔案放置於表頭,Javascript則盡量於頁面最後再載入
  5. 不要同時將檔案於置於太多的Domain上,以減少domain解析的時間
  6. 不要在網站進入點就做轉址的動作
  7. 移除重覆的Javascript及CSS檔案,有時開發者會無意的將同樣功能的Javascript及CSS重覆載入,這將導致多餘的載入時間
  8. 在使用Ajax時,請盡量以GET的方式進行請求,以POST的方式將造成雙倍的要求次數,當然使用POST方式造成的安全性考量也是要考慮的
  9. 請避免不必要的404錯誤,讀取不到的情形請盡量避免
  10. 降低Cookie的大小,減少與伺服器溝通的成本
  11. 減少縮圖的發生,多一份縮圖的動作,會造成額外的Loading
  12. Favicon檔儘量的小,如果可以Cache會更好


相信遵從以上幾個小小的建議,應該可以大大的提升網站的速度。如果您有什麼建議,也歡迎多多交流。

Related Posts Plugin for WordPress, Blogger...