Javascript 与 HTML(加载时间更长)

Question

拥有更长的 Javascript 或更长的 HTML 会更好吗？ 一些事情- 1. 我不关心 SEO 评级。 2. 我很在意网站的速度。 3. 我确实关心网站的功能。

基本上我对核心编码员的问题- 什么更好 -

<div> Blah blah blah blah </div>

或

document.getElementById("blah").innerHTML = "Blah blah blah blah"

? 任何额外的知识也总是受欢迎的:)。谢谢。

Answer 1

让浏览器呈现纯 HTML 总是比必须加载 JavaScript、等待 DOM 准备就绪，然后使用 JavaScript 来操作 DOM 更快。

即使您忽略了浏览器在通过 Javascript 操作 DOM 时必须做更多工作这一事实，只要想一想哪个下载时间会更长:

30 个字符:

<div>Blah Blah Blah Blah</div>

或 50+ 个字符(懒得数):

<script>
    document.getElementById("blah").innerHTML = "Blah Blah Blah Blah";
</script>

因此，通过 JavaScript 路线，您既可以从服务器下载更多内容，也可以要求浏览器做更多工作来呈现页面。