Web 前端優(yōu)化最佳實(shí)踐之 JavaScript 篇,這部分有 6 條規(guī)則,和 CSS 篇 重復(fù)的有幾條。前端優(yōu)化最佳實(shí)踐,最重要的還是”實(shí)踐”,要理解這東西容易得很,關(guān)鍵是要去”實(shí)踐”,去”執(zhí)行”,去”反饋”,去獲取受益。
1. 腳本放到 HTML 代碼頁(yè)底部 (Put Scripts at the Bottom)
當(dāng)一個(gè)腳本在下載的時(shí)候,瀏覽器干不了其它的事兒(串行了)。所以,把它扔到最后面去處理。對(duì)于一些功能性的腳本,可能實(shí)現(xiàn)起來(lái)有些兩難。不過(guò)對(duì)于國(guó)內(nèi)網(wǎng)站來(lái)說(shuō),有很多使用 Google Analytics 服務(wù)進(jìn)行網(wǎng)站數(shù)據(jù)分析的。這這一點(diǎn)來(lái)說(shuō),絕對(duì)可行的建議,放到頁(yè)面最底下。
2. Make JavaScript and CSS External
參見(jiàn) CSS 篇的描述
5. 減少 DOM 訪問(wèn) (Minimize DOM Access) 有三條指導(dǎo)建議:
•緩存已經(jīng)訪問(wèn)過(guò)的元素 (Cache references to accessed elements)
•“離線”更新節(jié)點(diǎn), 再將它們添加到樹(shù)中 (Update nodes “offline” and then add them to the tree)
•避免使用 JavaScript 輸出頁(yè)面布局–應(yīng)該是 CSS 的事兒 (Avoid fixing layout with JavaScript)