我读过，对 Web 资源（html、css、js）的多个 http 请求会导致网页延迟加载。如果我们使用 js 在客户端创建整个 html 和 css 会怎么样？如果我有包含以下代码的index.html：<html><head></head><body><script src='main.js'></script></body></html>main.js 包含类似以下内容：var d = document.createDocumentFragment();d.appendChild(para);var para = document.createElement("P");para.innerText = "This is a paragraph";document.body.appendChild(d);它会让页面加载更快吗？
1 回答
Helenr
TA贡献1780条经验 获得超4个赞
简短的回答也许是否定的。
为了显示：
加载页面所需的时间取决于许多因素的组合：
请求数，这就是您所指的。
要加载的总字节数，由 HTML 文件及其资源的大小决定。
用户的连接速度。
用户的本地资源（RAM 和 CPU）。
还有很多...
在您的示例中，您编写了大约170 个字符的 Javascript，实际上创建了一个<p>元素。
通过在 HTML 中<p>This is a paragraph</p>仅添加26 个字符的编写也可以实现相同的结果。
HTML、CSS 和 JS 文件中的字符越多意味着文件的总大小越大，并且用户的浏览器可能需要更多时间来加载它们。
话虽如此，优化网络性能还有更多细微差别。减少请求数量可以减少加载时间，但重要的是要了解您的更改如何影响其他也会影响页面性能的因素。
添加回答
举报
0/150
提交
取消