Javascript 使用append提高HTML性能

基于下面的代码，我想知道如果我以后调用desktopopopup 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>   

---

马上包括它会更快。在这种情况下，浏览器只需要构建DOM并呈现它

在第二种情况下，浏览器必须：

下载并执行jQuery（如果事先没有完成） 从DOM中选择元素，将HTML插入其中 重建部分DOM并渲染它

---

物理加载时间相同，因为在脚本标记中传输的数据与在普通html标记中传输的数据相同。由于就绪会破坏布局，因此渲染时间较长，从而导致其他绘制事件和脚本运行时间延迟。