Web效能優化:延遲載入JS
阿新 • • 發佈:2019-01-23
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>
貼上程式碼到HTML的</body>標籤前
(靠近HTML檔案底部).
它的重要性是由於Google將頁面速度作為排名因素之一而且使用者也希望能快速載入頁面。另外對於移動搜尋引擎優化也是非常重要的。Google根據頁面最初載入時間來衡量頁面速度。這意味著你必須儘可能快地得到頁面的load事件。頁面最初載入時間是Google用來評價你的web頁面質量(而且別忘記使用者在等待頁面的載入)。Google積極推進和推薦將上述的無關緊要的內容按重要性排列,讓所有資源(js,css,images等)脫離關鍵的渲染路徑,而且這樣做是值得去努力的。