Javascript与HTML（加载时间更长）

如果使用更长的Javascript或HTML，我会有什么更好的选择。 几件事- 1.我不关心搜索引擎优化评分。 2.我很关心网站的速度。 3.我确实关心网站的功能

基本上，我的问题是核心程序员- 还有什么更好的-

<div> Blah blah blah blah </div>

?？

---

任何额外的知识也总是受欢迎的：）。谢谢。

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

即使忽略了浏览器在通过Javascript操作DOM时需要做更多工作这一事实，也只需考虑下载哪一个会花费更长的时间：

30个字符：

<div>Blah Blah Blah Blah</div>

废话废话

或50多个字符（太懒，无法计数）：

document.getElementById（“blah”）.innerHTML=“blah blah blah blah blah”；

---

因此，通过使用JavaScript，您可以从服务器下载更多的内容，并要求浏览器执行更多的工作来呈现页面。

让浏览器呈现纯HTML总是比加载JavaScript更快，等待DOM就绪，然后使用JavaScript操纵DOM

即使忽略了浏览器在通过Javascript操作DOM时需要做更多工作这一事实，也只需考虑下载哪一个会花费更长的时间：

30个字符：

<div>Blah Blah Blah Blah</div>

废话废话

或50多个字符（太懒，无法计数）：

document.getElementById（“blah”）.innerHTML=“blah blah blah blah blah”；

---

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

HTML会更快，因为JavaScript需要额外的字节下载到浏览器，以便将文本添加到元素中。此外，Javascript需要额外的脚本编写和函数开销，这不会太大，但对于大型站点来说，它会更慢。

HTML会更快，因为Javascript需要额外的字节下载到浏览器以将文本添加到元素中。此外，Javascript需要额外的脚本编写和函数开销，这不会太大，但对于大型站点来说，它会更慢。

对于给定的示例，HTML显然会更快。HTML部分不涉及逻辑，Javascript必须执行操作才能产生相同的结果。这也是更多的字符，然后稍微更多的带宽

---

您希望使用Javascript的原因将使问题变得毫无意义。您将使用Javascript处理在初始HTML输出中无法完成的事情。

对于给定的示例，HTML显然会更快。HTML部分不涉及逻辑，Javascript必须执行操作才能产生相同的结果。这也是更多的字符，然后稍微更多的带宽

---

您希望使用Javascript的原因将使问题变得毫无意义。您将使用Javascript处理在初始HTML输出中无法完成的事情。

如果没有其他原因，您仍然需要发送要显示的字符的确切字节数，再加上Javascript翻转并将其呈现回页面的额外字符，则HTML将更快。现在，如果您计划使用javascript稍后通过AJAX向页面添加元素，然后最好将数据作为JSON发送，并将其分配给html元素。

如果没有其他原因，html会更快，因为您仍然需要发送要显示的字符的确切字节数，以及javascript翻转并将其呈现回页面的额外字符。现在，如果您计划稍后使用javascript通过AJAX向页面添加元素，那么最好将数据作为JSON发送并分配给html元素

<div> Blah blah blah blah </div>

因此，当JS开始工作时，DOM已经准备好，这基本上意味着文本已经呈现

当然，如果您使用：

window.onload = function() { ...

在SVG中绘制图标比从服务器将其作为图像加载更快，这将是一件有趣的事情。。。。这是一个完全不同的问题，尽管有很多变量

因此，当JS开始工作时，DOM已经准备好，这基本上意味着文本已经呈现

当然，如果您使用：

window.onload = function() { ...

---

在SVG中绘制图标比从服务器将其作为图像加载更快，这将是一件有趣的事情。。。。这是一个完全不同的问题，尽管有很多变量。

虽然贾斯汀·尼斯纳的答案基本上是正确的，但我要补充的是，加载网站的实际速度以及用户对网站速度的感知可能会受到很多因素的影响。考虑：

• 从服务器传输到浏览器的数据量
• 要加载的单个页面的HTTP请求数
• 空白、未缩小的Java脚本、未缩小的CSS样式造成的开销
• 未优化的图像
• 页面的动态与静态构造
• 将表示逻辑放入服务器而不是浏览器

---

等等。

虽然贾斯汀·尼斯纳的答案基本正确，但我要补充的是，加载网站的实际速度以及用户对网站速度的感知可能会受到很多因素的影响。考虑：

• 从服务器传输到浏览器的数据量
• 要加载的单个页面的HTTP请求数
• 空白、未缩小的Java脚本、未缩小的CSS样式造成的开销
• 未优化的图像
• 页面的动态与静态构造
• 将表示逻辑放入服务器而不是浏览器

---

等等。

HTML总是呈现得更快

usin的潜在问题

window.onload = function() { ...