Web性能：远距离开始渲染时间

为什么到目前为止我已经开始渲染时间了

为什么浏览器在下载css和JS后等待渲染

我的结果： 或

---

谢谢你的建议！：-）

对我来说最突出的是HTML文档的大小。它的未压缩容量约为500KB，包含近5000个DOM元素。您的CSS和JS也非常庞大：

因此，在我看来，浏览器无法快速呈现您的页面，因为它首先需要：

• 加载并生成500 KB HTML的DOM
• 加载并解析500 KB的CSS
• 加载并解析1.4 MB的JS
• 执行JS（仅固体~400毫秒）
• 基于JS/CSS的内容回流和重播

您可以通过仅将内容包含在浏览器视口中，并将不必要的脚本/样式/标记延迟到页面加载之后，来确定初始页面加载的优先级