SuperAPI AI 工具集

html-size

前端与建站

查看项目

更新于 10-16 09:56

技能介绍

用途:审计页面 HTML 体积,排查某些内容未出现在 Google 索引中的原因,或检查服务端渲染大量数据导致的 HTML 膨胀。Googlebot 对单个 HTML 文档的解析上限约为 15MB,超出部分不会被解析或索引;过大的 HTML 还会消耗抓取预算。

主要能力:测量未压缩的原始 HTML 响应大小,标记超过 2MB 需排查、超过 5MB 为严重;定位体积来源,包括大型内联 JSON(如 NEXT_DATA)、内联 SVG、Base64 内联图片、含大量工具类的内联 CSS,以及未压缩的 script 标签脚本。

使用方式:用 curl -so /dev/null -w '%{size_download}' https://yoursite.com/page | awk '{print $1/1024 " KB"}' 测量;针对不同成因分别处理,减少传给 getServerSideProps/getStaticProps 的数据、使用 React Server Components、将 SVG 移至外部文件、图片改用 CDN URL、启用 gzip/Brotli 压缩并压缩生产环境 HTML。代码审查时可检查 Content-Length 或原始字节数,单个 JSON 脚本块超过 500KB 即需标记。

限制:上述为检查与修复建议,具体实现细节见规则页列出的 references/rule.md;其他框架特定指导暂未提供。