1. 程式人生 > >Web效能優化:延遲載入JS

Web效能優化:延遲載入JS

Google推薦的程式碼:

<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
這段程式碼意思是等到整個文件載入完後,再載入外部檔案“defer.js”。

貼上程式碼到HTML的</body>標籤前 (靠近HTML檔案底部).

它的重要性是由於Google將頁面速度作為排名因素之一而且使用者也希望能快速載入頁面。另外對於移動搜尋引擎優化也是非常重要的。Google根據頁面最初載入時間來衡量頁面速度。這意味著你必須儘可能快地得到頁面的load事件。頁面最初載入時間是Google用來評價你的web頁面質量(而且別忘記使用者在等待頁面的載入)。Google積極推進和推薦將上述的無關緊要的內容按重要性排列,讓所有資源(js,css,images等)脫離關鍵的渲染路徑,而且這樣做是值得去努力的。