Page Size Checker
输入一个 URL
网页大小检查器
这个免费工具用于估算网页 的总传输大小 — 即浏览器必须下载的 HTML、CSS、脚本、图片和其他资源的总重量。当页面感觉加载缓慢、添加了多媒体内容之后，或者在进行基础性能审查时，都可以使用它。
运行快速检查
- 粘贴完整的页面 URL
- 点击检查
- 查看总大小（通常以 KB 或 MB 为单位显示）
- 对比您网站上的重要页面，而不仅仅是一个 URL
单纯的大体积并不能证明存在问题，但它是一个强烈的信号，表明某些地方可能需要优化。
“网页大小”实际上包含什么
当有人打开一个 URL 时，浏览器下载的不只是文本，它还会拉取：
- HTML 文档
- 样式表 (CSS)
- JavaScript 文件
- 图片和图标
- 字体
- 嵌入式媒体
- 第三方脚本（分析工具、广告、小组件、聊天工具）
网页大小是这些资源的综合。较重的页面通常需要更长的时间才能变得可用，在移动网络上尤其如此。
为什么页面重量会影响真实用户
缓慢的页面会消耗用户的注意力。
使用手机、较弱的网络连接或有限数据套餐的访客会首当其冲地感受到这种影响。即使在快速的 Wi-Fi 下，过大的图片和过多的脚本也会延迟交互。
从商业和 SEO 的角度来看，过多的页面重量通常表现为：
- 更高的跳出率
- 较差的移动端体验
- 关键页面的转化率降低
- 难以达到性能目标（包括与核心网页指标相关的指标）
搜索引擎并不会为了“小页面”本身而给其排名 — 但速度和可用性至关重要，而网页大小正是影响这两者的杠杆之一。
通常是什么让页面变得过重
| 常见原因 | 为什么会增加重量 |
|---|---|
| 未经优化的图片 | 未压缩就上传的全尺寸照片 |
| 过多的脚本 | 跟踪器、标签、轮播图和未使用的 JS |
| 大型视频嵌入 | 自动播放或高比特率媒体 |
| 臃肿的主题/插件 | 每个页面都加载额外的 CSS/JS |
| 未压缩的代码 | 比实际需要更大的 CSS/JS |
| 多个字体文件 | 一次性加载多种字重和字体族 |
在实践中，图片和第三方脚本是最常见的罪魁祸首。
实际大小目标（指导原则，而非绝对规则）
没有哪个完美的数字适合所有网站。情境很重要 — 照片作品集肯定比纯文文章更重。
不过，以下是有用的实用准则：
- 在合理范围内，尽量让核心落地页保持精简
- 将几 MB 大小的页面视为警告信号，除非该媒体内容必不可少
- 在进行重大的设计、插件或内容更改后重新检查
- 对比相似类型的页面（例如：所有博客文章、所有产品页面）
如果某个产品页面明显比其他页面重得多，请检查添加了什么内容。
如何在不破坏设计的前提下减小网页大小
- 在上传前压缩和调整图片大小；在支持的情况下，优先使用 WebP 等现代格式
- 对首屏以下的图片和非关键媒体进行延迟加载
- 移除在全站加载的未使用的插件/脚本
- 压缩 CSS 和 JavaScript，避免加载未使用的库
- 限制第三方标签，只保留真正需要的标签
- 高效托管字体，并且只加载使用的字重
- 审查嵌入内容 — 一个笨重的小组件可能会抵消其他地方精心优化的成果
在每次进行有意义的更改后，在同一个 URL 上再次运行检查器。
网页大小 vs 完整速度测试
此工具专注于网页有多重。
完整的速度测试（实验室或现场数据）还会查看时间、渲染和交互指标。两者结合使用：
- 网页大小检查器 → 快速发现重量问题
- 速度 / PageSpeed 工具 → 了解加载时间和以用户为中心的指标
重量通常是最容易开始入手的地方，因为修复方案非常具体。
常见问题
网页大小检查器是免费的吗？
是的。无需注册。
更小的页面排名总是更好吗？
并非自动如此。更小的页面通常加载更快，更好的性能可以支持 SEO 和转化 — 但内容质量和相关性仍然很重要。
为什么我的页面比预期的大？
通常是由于图片、视频或第三方脚本。请检查最近添加了什么。
我可以完全信任单一测量结果吗？
请将其视为一个有用的估算值。缓存、CDN 行为和动态内容可能会导致微小的变化。
每个页面都应该尽可能小吗？
目标是高效，而不是空洞。保留必要的媒体；削减浪费。
相关工具
注意：结果反映的是在检查时检测到的资源。动态加载的内容和个性化资产可能会改变用户在真实浏览器中体验到的最终重量。