如果第一个屏幕打开速度很快，那么它是一个轻量级页面吗？
那是一个不同的故事。在手机屏幕尺寸下打开 94 个主页时，首屏打开时间较快，中位数为 1.2 秒，但该时间内浏览器接收的数据量中位数为 10.2MB。屏幕上显示了 4 个图像，但收到了 37 个图像，并且有 74 个地方收到的图像数量是第一屏幕上的三倍以上。
要点
- 第一个屏幕上显示的照片是 第4章但已经下载的图片是 第37章是的。还没有滚动。
- 第一个屏幕出现的时间是中位数 1.2秒速度很快，但目前收到的数据是中位数 10.2MB其中大约一半是图像。
- 需要解决的不是照片数量 调用顺序没看到。第一屏以外的图像稍后再做，第一屏就轻功了。
显示了四张照片，但我收到了三十七张。
以您的手机屏幕尺寸打开主页。第一个屏幕上共有四张图片：一张大横幅和三张卡片。但是，当我在开发者工具中打开网络时，它已经是 三十七章这要下来了。我还没翻过呢
如果您查看列表，会发现有些名字不在第一个屏幕上。例如评论照片、底部横幅、地图图像和品牌徽标。 即使客户没有亲临现场，数据也已经收到了。该数据是由客户提供的。
页面打开的那一刻，一路到底部都会被一次性调用。
当浏览器读取文档时，它会按顺序请求遇到的图像。它不关心图像是在屏幕内部还是外部。所以如果你不设置任何东西 第一个屏幕向下显示页面底部的图像。
在测量了 94 个主页后，下载的图像与第一个屏幕上显示的图像相似。 有 74 个地方是这个数字的三倍以上。是的。首屏图像数量中位数为 4，下载图像数量中位数为 37。
屏幕很快弹出，但数据却不断往下掉。
| 措施 | 94 个地点的中位数 |
|---|
| 第一个屏幕出现的时间 | 1.2秒 |
|---|
| 目前收到的数据 | 10.2MB |
|---|
| 其中，图像 | 5.0 MB（约占总数的一半） |
|---|
| 第一个屏幕上显示的图像 | 第4章 |
|---|
| 下载的图片 | 第37章 |
|---|
1.2 秒内弹出第一个屏幕是一个很好的价值。问题是，即使屏幕弹出后，数据仍然继续下降。 看得快和花得少不是一回事。
显示测量条件。 2026 年 8 月 31 日 100 个地点 390×844手机屏幕尺寸每个位置仅打开一次，不包括打开但接收的字节数少于 20KB 的 6 个位置。 94个地方这是上面中位数的分母。我关闭了缓存。 由于这是在办公室固定电话上测量的值，因此移动通信上的时间显示有所不同。 但是，字节不受线路条件的影响。
不要删除照片，而是更改它们的调用顺序。
- 稍后将调用第一个屏幕外图像。
<img loading="lazy"> If it's just one line, the customer will receive it when they come down to that spot.但 不要挂在主屏幕图像上。 如果步行的话，实际上会延迟。
- 淡化主屏幕上最大的照片之一。 单页大小中位数为281KB，38个位置超过500KB，24个位置超过1MB（基于可以测量英雄的93个位置）。只有 8 个地方导出到 WebFi 或 AVIF。
我并不是说你应该减少你的照片。 保持显示内容相同，仅更改调用时间没看到。
您今天要尝试的检查时间是 30 秒。
- 打开页面 不滚动 留下它。
- 打开开发者工具 Network → Img 看法 。已下载的图像数量及其总大小显示在那里。
- 从列表中 照片名称不在主屏幕上寻找 。如果您看到评论照片、底部横幅或地图图像，请将其标记。
如果您看到这些名称，则意味着客户首先收到它们。您可以要求负责人“稍后调用第一个屏幕之外的图像”。如果您对发送后的屏幕感到好奇 即使点击申请咨询也没有画面的页面您可以继续观看。
完整视频字幕（6个场景）
有四页，三十七页。
第一个屏幕上有四张照片，为什么我得到了三十七张？我什至还没有滚动。
你所看到的和你收到的
第一个屏幕上显示 4 张照片，但已下载 37 张图像。我什至还没有滚动。
我一打开它，我就立刻调用它。
这是因为下面的照片一打开就被一次性调用了。 94 人中的 74 人收到的图像是初始屏幕图像的三倍以上。
1.2 秒和 10.2MB
第一个屏幕出现的时间中位数为 1.2 秒，到目前为止收到的数据为 10.2MB。其中大约一半是图像。
更改呼叫顺序
稍后会调用第一个屏幕之外的图像，并将第一个屏幕变小。
自己数一下
无需滚动即可计算图像数量。如果照片已经在第一个屏幕之外，则可以在此处进行修复。
常见问题解答
如果第一个屏幕打开速度很快，那么它是一个轻量级页面吗？
那是一个不同的故事。在测量了 94 个位置后，第一个屏幕很快出现，中位时间为 1.2 秒，但接收到的数据量中位为 10.2MB。屏幕上显示了4张图像，但接收到的图像是37张。因为即使屏幕弹出后数据仍然继续下降，所以您需要将两个值放在一起查看。
我可以为所有图像设置loading =“lazy”吗？
不要挂在主屏幕图像上。如果将图像放置在第一个屏幕上，浏览器会推迟该图像，因此该屏幕会稍后显示。您只需将图像投射到第一个屏幕之外即可。
10.2MB 占用那么多手机流量吗？
这些测量是在办公室固定电话上、移动屏幕尺寸为 390×844 时进行的。您必须单独衡量移动通信的实际成本，并且在使用缓存进行回访时，您得到的费用要少得多。但是，无论线路如何，第一个打开的人必须接收的字节都是相同的。
需要缩短您的照片吗？
我不是在谈论删除照片来展示。对于第一屏幕之外的照片，当客人到达该位置时将其调出，您只需调整第一屏幕上实际可见的最大照片的格式和尺寸即可。单页大小中位数为281KB，超过500KB的位置有38个。
创建着陆页时要考虑到权重。
蓝色画布的创建不仅决定了屏幕上显示的内容，还决定了屏幕接收的内容和时间。您可以在介绍屏幕上查看我们采用的标准。
前往登陆页面 →
