如何使用页面大小检查器
- 输入页面网址。
- 读取总大小 - 1MB以下,平均2-3MB,5MB以上重。
- 找到最大的贡献者 - 通常是图像,然后是JavaScript。
- 首先修复最重的部分:压缩图像,推迟/缩小JS,然后重新检查。
页面大小检查器是什么?
页面大小检查器测量网页的重量 - HTML、CSS、JavaScript、图像和渲染网页所需的其他资源的总下载量。页面权重是加载速度的两个主要驱动因素之一(另一个是服务器响应时间),也是您最直接控制的一个。
这些数字具有真正的阈值:精简页面小于 1 MB,平均页面约为 2-3 MB,任何超过 5 MB 的页面都比较重 — 移动速度慢,连接速度慢,带宽成本高。由于世界上大多数人使用移动数据浏览的速度远远慢于办公室 Wi-Fi,因此您可能服务不足的访问者对页面重量的感受最为强烈。
关于页面大小检查器
输入 URL 并查看其总页面大小,理想情况下按贡献权重进行细分。
细分揭示的内容:图像 - 几乎总是最大的罪魁祸首(仅未经优化的照片就可以超过所有代码;解决方法是调整大小 + 压缩,我们的图像压缩器); JavaScript - 第二个罪魁祸首(重型框架、第三方脚本、聊天小部件和跟踪器),不仅下载成本高昂,而且在移动 CPU 上解析成本高昂; 字体——自定义字体的多种粗细相加;和其他一切 - CSS、视频、嵌入。
具体原因:页面速度是 Google 排名信号(核心网络生命力),加载时间的每一秒都会显着增加跳出率并减少转化率 - 经典的发现是,一半的移动访问者离开页面的时间超过 3 秒。诊断重量是修复它的第一步:压缩图像(最大的胜利)、缩小和延迟 JavaScript、子集字体、延迟加载首屏媒体。与我们的 Core Web Vitals Checker 配对以获取用户体验指标,并与 Page Speed Checker 配对以进行响应时间诊断。