大量 HTML 文档是否有任何页面速度优势？
Are there any page speed benefits of a massive HTML document?
我只是想优化我网站的页面速度。当我查看 Sun 报纸 homepage 的来源时，我注意到他们正在做一些事情，比如异步加载图像。但是他们主页的 HTML 非常大，大约有 16,000 行。他们在 DOM 准备好后对内容细节进行 JS 操作，但整个页面布局网格完全在服务器端创建并一次性交付。
从页面速度的角度来看，这是一种不好的做法吗？尽快在页面顶部向用户展示基本布局，然后再注入额外的 DOM 节点，难道没有好处吗？ Google documentation 建议您 "structure your HTML to load the critical, above-the-fold content first" 并推迟其余的。这不是这些家伙应该做的吗？
在 SEO 方面，这很糟糕，因为 google 只会看到一个空白页面。然而，这种在 Web 应用程序上使用 Angular 和其他 Javascript 库的事情变得非常普遍。页面将加载得更快。
现代浏览器引擎使用 pipeline of streaming parsers / layout renderers。不仅如此，他们还并行或推测地执行了一些步骤。
这意味着他们可以在内容仍然来自网络时开始显示内容。 HTML 的总大小与比方说的延迟无关紧要，第一个 KB + 基本 CSS 只要没有阻塞，例如浏览器必须等待同步 javascript执行.
我只是想优化我网站的页面速度。当我查看 Sun 报纸 homepage 的来源时，我注意到他们正在做一些事情，比如异步加载图像。但是他们主页的 HTML 非常大，大约有 16,000 行。他们在 DOM 准备好后对内容细节进行 JS 操作，但整个页面布局网格完全在服务器端创建并一次性交付。
从页面速度的角度来看，这是一种不好的做法吗？尽快在页面顶部向用户展示基本布局，然后再注入额外的 DOM 节点，难道没有好处吗？ Google documentation 建议您 "structure your HTML to load the critical, above-the-fold content first" 并推迟其余的。这不是这些家伙应该做的吗？
在 SEO 方面，这很糟糕，因为 google 只会看到一个空白页面。然而，这种在 Web 应用程序上使用 Angular 和其他 Javascript 库的事情变得非常普遍。页面将加载得更快。
现代浏览器引擎使用 pipeline of streaming parsers / layout renderers。不仅如此，他们还并行或推测地执行了一些步骤。
这意味着他们可以在内容仍然来自网络时开始显示内容。 HTML 的总大小与比方说的延迟无关紧要，第一个 KB + 基本 CSS 只要没有阻塞，例如浏览器必须等待同步 javascript执行.