在页面加载方面加载js文件并在客户端使用js创建整个页面是否好

Question

我读到多个 http 请求 web 资源（html、css、js）导致延迟加载 web 页面。 如果我们使用 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);

它会使页面加载速度更快吗？

Answer 1

简短的回答也许不是。

为了显示：

页面加载所需的时间取决于多种因素的组合：

请求数，这就是您所指的。
要加载的总字节数，由 HTML 文件及其资产的大小决定。
用户的连接速度。
用户的本地资源（RAM 和 CPU）。
还有很多...

在您的示例中，您编写了 Javascript 的大约170 个字符，实际上创建了一个<p>元素。

通过编写<p>This is a paragraph</p>可以达到相同的结果，它只向您的 HTML 添加26 个字符。

在 HTML、CSS 和 JS 文件中包含更多字符意味着文件的总大小更大，并且用户的浏览器可能需要更多时间来加载它们。

话虽如此，优化 web 性能还有更多细微差别。 减少请求数量可以减少加载时间，但重要的是要了解您的更改如何影响也会影响页面性能的其他因素。

在页面加载方面加载js文件并在客户端使用js创建整个页面是否好

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-11-11 07:54:34

在页面加载方面加载js文件并在客户端使用js创建整个页面是否好

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-11-11 07:54:34

解决方案1
0 已采纳 2020-11-11 07:54:34