項目組制定的一份頁面優化指南

時間 2019-11-07

標籤項目組制定一份頁面優化指南简体版

原文原文鏈接

1.文檔聲明javascript

文檔聲明必須置於網頁的HTML部分的最開始，標籤以前。它影響着整個網頁的解釋（兼容性及效率問題）。目前項目中使用的聲明是css

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html

PS:其實本人仍是傾向於向前走，擁抱HTML5的java

2.HTML架構web

頁面元素結束以前不要放太多的script標籤，一個帶src的script標籤會引發一次請求，若是標籤中的代碼另外發起了ajax請求更加須要置後。爲了便於開發，一部分通用的JS可能置於body以前，即總體代碼架構以下：ajax

//在body以前放置一些通用JS正則表達式

//在body以後放置一些業務JS，尤爲是當中有ajax請求的js緩存

3.養成良好習慣，HTML元素要正確閉合，javascript中不要放置多餘的逗號在eclipse中用正則表達式架構

,\s[\r\n][\r\n]\s} 去搜索，能查找出js中多餘的逗號eclipse

4.能用HTML完成的內容儘可能不要用CSS/JavaScript去完成，能用CSS去完成的內容儘可能不要用JavaScript去完成如鼠標提示最省資源的方式是用title屬性去完成，其次用:hover僞類，用JavaScript事件最耗資源

5.項目內容穩定後，應該將變化小的HTTP請求（如查詢字典）改爲get請求以緩存

6.項目內容穩定後，應該將js及css壓縮、合併以減小請求時間

7.項目內容穩定後，應該將圖片合併，利用css sprite定位，以減小請求次數

轉載自:http://www.9958.pw/post/web_youhua

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。