这是什么
在浏览器能显示页面的任何部分之前，它首先必须完整下载页面的 HTML 文档（或至少下载足够开始工作的部分）——这与之后才加载的图片、视频或其他媒体是分开的。这项检查专门关注这份初始 HTML 文档本身的大小，当它异常庞大时会被标记出来。
HTML 文档通常在大量内容被直接嵌入其中时急剧膨胀——大段的样式代码、脚本，或直接粘贴进页面的重复内容——而不是被保存在浏览器可以加载一次并缓存的独立、可重用文件中。
为什么重要
更大的 HTML 文档在浏览器能开始渲染任何东西之前，需要明显更长的时间来下载和处理，这会延迟访客看到的第一样东西，而不仅仅是页面下方的次要内容。这种效果在较慢的移动网络上更为明显，因为每多一份数据都会带来真实的、能感受到的延迟，让页面感觉迟迟没有响应。
臃肿的 HTML 文件也常常是更深层结构性问题的表现——本应组织成独立、可缓存文件的内容或代码，却被重复内嵌在页面中，甚至重复出现在网站的每一个页面里。
如何解决
- 找出是什么构成了文件的主体——浏览器开发者工具可以显示页面各项资源（包括基础 HTML 文档本身）的大小明细。
- 把大段的内联 CSS（样式代码）移到一个单独的
.css文件中，让浏览器可以加载一次并在多个页面间重复使用，而不是在每个页面里重复内嵌。 - 出于同样的原因，把大段的内联 JavaScript 移到单独的
.js文件中。 - 检查页面代码中是否有意外重复的内容（同一块内容被重复了不止一次）并删除重复部分。
- 如果你使用的是网站建设工具，这通常会为你自动管理——这里出现异常庞大的页面，更常见的原因是一个体积很大的自定义代码嵌入，而不是平台本身，所以检查一下你添加过的任何自定义代码块。