在客户端加载js文件并使用js创建整个页面在页面加载方面是否良好
我读过，对 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);
它会让页面加载更快吗？
犯罪嫌疑人X浏览 94回答 1
1回答
-
Helenr
简短的回答也许是否定的。为了显示：加载页面所需的时间取决于许多因素的组合：请求数，这就是您所指的。要加载的总字节数，由 HTML 文件及其资源的大小决定。用户的连接速度。用户的本地资源（RAM 和 CPU）。还有很多...在您的示例中，您编写了大约170 个字符的 Javascript，实际上创建了一个<p>元素。通过在 HTML 中<p>This is a paragraph</p>仅添加26 个字符的编写也可以实现相同的结果。HTML、CSS 和 JS 文件中的字符越多意味着文件的总大小越大，并且用户的浏览器可能需要更多时间来加载它们。话虽如此，优化网络性能还有更多细微差别。减少请求数量可以减少加载时间，但重要的是要了解您的更改如何影响其他也会影响页面性能的因素。
随时随地看视频慕课网APP
相关分类
JavaScript