在這裡我們說一下腳本優化的三個方法:
一、在我們做Web開發的時候,當我們引用Js文件的時候,我們一般會將js文件放在文檔的head標簽中,這時當頁面加載的時候,浏覽器會按著由上到下的順序,當浏覽器遇到script標簽時,它會阻止其他內容的下載,知道他檢索完整個腳本,這樣會減慢頁面加載速度,因此,script標簽應該盡可能的放到頁面的底部(僅僅位於body結束標簽之前)就會產生很好的用戶體驗。
二、另一種減少頁面加載時間的技術就是精簡自定義腳本。比如我們經常用到的jquery.validate.min.js和jquery.validate.js,前者 就是精簡化的腳本。
三、減少向客戶端發送的script標簽數量。對於任何頁面而言,浏覽器看到script標簽的最優數量是一個。為了達到這個最優數量,我們可以使用腳本合並器將多個js文件捆綁成一個資源文件。現在有很多腳本合並器可供使用,其中一些工作在構建時,用以在項目中創建文件;其它的工作在運行時,可以動態地合並腳本以相應Http請求,對於後者,這裡推薦一個合並器:http://combres.codeplex.com/。
查看本欄目