Question

以下是一个示例页面：

<html>
    <head>
        <title>WEB PAGE TITLE</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="script.js" type="text/javascript"></script>
    </head>
</html>

写出这样的身体会更好（表现得更好）：

<body>
    <div id="element"></div>
</body>

或者让jQuery这样做：

$(document).ready(){
   $('html').append('<body />');
   $('body').append('<div id="element" />');
};

Answer 1

直接编写HTML总是100％，不仅仅是出于性能原因。

严格说话表现，如果你直接写下身体，它的加载速度会快得多。如果你使用JavaScript（jQuery等），那么在大多数HTML被读取之前它都不会被处理，等等，所以它会相当慢（相对）慢。

此外，如果您使用JavaScript编写该内容，如果用户禁用了JavaScript，他们将看不到任何内容。不酷。你总是希望使用渐进增强路径，这基本上是在没有JavaScript的情况下使所有东西都在基本级别工作，而不是添加JavaScript以在可用时增强该功能。

Answer 2

标记方法会更快。您不仅不需要解析javascript，浏览器也不需要等到ready（）事件被触发。

Answer 3

当然没有JavaScript / JQuery，渲染速度更快。数据也少了一点。

Answer 4

这里没有一个“正确”的答案，但我会权衡。

避免在JavaScript中构建HTML，除非您的业务模型需要它（例如，构建DOM元素以响应Ajax查询）。这样做的主要原因是支持/修改JavaSCript中构建的HTML（通常）更加困难。此外，如果您的用户由于某种原因禁用了JavaScript，该怎么办？在这种情况下，让您的网站尽可能优雅地降级是件好事，如果您在JS中构建核心结构，那么您的网站将是非操作的。

除此之外，简单的DOM结构将比使用JS内置的结构快得多。

干杯

手动将HTML代码写入网页或使用jQuery（或简单的“Javascript”）是否更快？

4 个答案: