使用附加的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性能改进

回答

相关问题