我只是想优化我网站的页面速度。当我查看 homepage 的源代码时在《太阳报》的报道中，我注意到他们正在做诸如异步加载图像之类的事情。但他们主页的 HTML 非常大，大约有 16,000 行。他们在 DOM 准备好后对内容细节进行 JS 操作，但整个页面布局网格完全在服务器端创建并一次性交付。
从页面速度的 Angular 来看，这是一个不好的做法吗？尽快在页面顶部向用户展示基本布局，然后注入(inject)额外的 DOM 节点，难道没有什么好处吗？谷歌documentation建议您“构建 HTML 以首先加载关键的首屏内容”并推迟其余内容。这不是这些人应该做的吗？
最佳答案
现代浏览器引擎使用 pipeline of streaming parsers / layout renderers 。不仅如此，他们还并行或推测地执行一些步骤。
这意味着他们可以在网络仍在传输内容时开始显示内容。只要不存在诸如浏览器必须等待同步 JavaScript 执行之类的阻塞，HTML 的总大小就不会像第一个 KB + 基本 CSS 的延迟那么重要。
关于javascript - 大型 HTML 文档对页面速度有什么好处吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38609739/