javascript - 手动将 HTML 代码写入网页更快,还是使用 jQuery(或普通的 Javascript)更快?

标签 javascript jquery html

这是一个示例页面:

<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>

像这样写出正文会更好(从性能 Angular 来看):

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

或者让 jQuery 这样做:

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

最佳答案

直接编写 HTML 总是 100% 更好,这不仅仅是出于性能原因。

严格来说性能,如果直接写入正文,加载速度会快得多。如果您使用 JavaScript(jQuery 等),则在读取大部分 HTML 之前不会对其进行处理,等等,所以它会(相对)慢得多。

此外,如果您使用 JavaScript 编写该内容,如果用户禁用了 JavaScript,他们将看不到任何内容。不酷。您总是希望走渐进式增强路线,这基本上是在没有 JavaScript 的情况下让一切在基本级别上运行,而不是添加 JavaScript 来增强可用的功能。

关于javascript - 手动将 HTML 代码写入网页更快,还是使用 jQuery(或普通的 Javascript)更快?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13826135/

相关文章:

javascript - $.when($ ("").function() == true).then() 未按预期工作

javascript - Spectrum,选项 showInput,显示不可编辑的输入文本

html - iPhone HTML5 音频标签不工作

javascript - 绘制折线图。从 JpGraph 迁移到 Raphael JS

javascript - 如何以编程方式构建嵌套对象

javascript - Puppeteer:等到 elementHandle 不再附加到 DOM

javascript - 日期验证(日期不应在现有日期范围内)

javascript - 用jquery将点击的对象id变成变量进行优化

Jquery Ajax $.getScript() 方法

javascript - 添加 CSS :focus selector via jQuery