在不影響響應性和性能的情況下，消除即時內容解決方案中阻止渲染的JavaScript和CSS

Question

在不影響響應性和性能的情況下，消除即時內容解決方案中阻止渲染的JavaScript和CSS

我在尋找解決方案，但發現在實際頁面加載之前需要css和js才能響應。如果我們延遲頁面加載，則可能導致性能問題？

向我建議解決方案

Answer 1

在腳本之前使用此腳本

<script type="text/javascript">
function scriptAtOnload() {
var element = document.createElement("script");
element.src = "yourscript.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", scriptAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", scriptAtOnload);
else window.onload = scriptAtOnload;
</script>

yourscript.js是您的外部腳本。

這樣可以確保僅在加載整個文檔之后才加載腳本。