Web 性能审计：一个 49MB 新闻页面的启示

Web 性能优化一直是开发者关注的重点。最近一篇关于新闻网站性能审计的文章在 HackerNews 上引发了热议 —— 一个新闻页面竟然达到了 49MB 的体积。

49MB 网页的构成分析

作者 Shubham Jain 对主流新闻网站进行了深度性能审计，发现：

广告与追踪脚本

• 页面加载了数十个第三方追踪器
• 广告脚本占用了大量带宽和 CPU
• 部分广告脚本存在内存泄漏问题

图片与媒体资源

• 未优化的原始图片（单张可达 2-3MB）
• 自动播放的视频预加载
• 响应式图片实现不当

JavaScript 膨胀

• 过时的 jQuery 及其插件
• 重复加载的库文件
• 未压缩的源码

性能影响

对搜索技术的启示

对于搜索引擎和开发者而言，这提醒我们：

1. Core Web Vitals 的重要性 - 页面性能直接影响搜索排名
2. 移动优先索引 - 大页面在移动设备上体验极差
3. 爬虫效率 - 过大的页面会增加搜索引擎抓取成本

优化建议

• 实施严格的资源预算（Performance Budget）
• 使用现代图片格式（WebP、AVIF）
• 延迟加载非关键资源
• 定期审计第三方脚本

来源: HackerNews (321 points, 170 comments)
原文: The 49MB Web Page