使用附加的HTML性能改進

-1

基於下面的代碼，我想知道是否會有一個頁面加載時間的重大變化，如果我以後會調用desktopPopup html腳本（假設我有很多html代碼在那裏被執行）還是我做錯了？使用下面的方法進行比較，並針對不用腳本編寫完整的html代碼。使用附加的HTML性能改進

<script id="desktop" type="text/html"> 
     //some html in here 
</script> 

<script type="text/javascript"> 
    $(function() { 
    $('body').one("click", function(e) { 
     $("body").append($('#desktop').html()); 
    }); 
    }); 
</script>

來源

2013-10-03 Lionel Koh

物理加載時間是相同的，因爲相同的數據在腳本標記中被傳輸，如在普通的html標記中一樣。渲染時間較長，因爲ready（）會分散佈局，導致額外的繪畫事件和腳本運行時間延遲。 – dandavis

馬上包括它會更快。在這種情況下，您的瀏覽器只需要構建DOM並進行渲染。

在第二種情況下，您的瀏覽器有：

下載和執行的jQuery從DOM（如果它沒有被事先完成）
選擇元素，html插入它
重建部分的DOM並渲染它

來源

2013-10-03 15:15:12 Pavlo

使用附加的HTML性能改進

回答

相關問題