和高效加载”以获取更多信息

doreamon999

不管怎样，谷歌已经分析够了。是时候尝试另一个网站了。我的预算还剩下将近！ 亚马逊 ＃ 亚马逊主页截图 （大预览） 亚马逊主页加载的总重量约为。其中一张是 的图像，我什至在页面上找不到。这是一个 ，大概有清晰的文本，但是在摄影背景上——这是一个对性能来说很糟糕的经典组合。 带有重叠文本的扳手图像：动手时间。 了解我们为您的汽车选择的工具 这张颗粒状图像占用了我超过 % 的预算。（大预览） 事实上，我的网络选项卡中有一些几百千字节的图像，但我在页面上实际上看不到。我怀疑上的某处配置错误，但这些不可见的图像组合起来至少占用了我 的数据。 英雄形象怎么样？它是页面上的主图像。

仅传输，但如果直接在文本和足球运动员周围进行裁剪，则大小可以减小约 %。然后我们可以在中应用与图像中相同的背景颜色。这样做的另一个优点是可以调整尺寸以适应较小的屏幕，同时保持文本的可读性。 屏幕截图显示：英超联赛 -视频直播 （大预览） 我已经 Whatsapp 号码列表 说过一次了，我还会再说一遍：优化和延迟加载图像是您可以为网站的页面权重带来的最大好处。 到目前为止，优化图像提供了最显着的数据减少。你可以认为对整体性能更重要，但对数据减少却没有影响。优化或删除图像是确保更轻松体验的最安全方法，也是 所依赖的主要优化。 —，《理解 页面》 公平地说，如果我将浏览器调整为移动设备尺寸并刷新页面，该网站就会针对移。



动设备进行优化，页面总大小仅为 . 。个请求，传输 . 个请求，已传输 . 。（大预览） 但这让我想到了下一点…… 性能提示 ：不要对数据连接做出假设很难检测桌面上的某人是否使用宽带连接或通过数据有限的适配器或移动设备进行网络共享。许多人在火车上工作，或者生活在宽带基础设施较差但移动信号很强的地区。就亚马逊而言，在桌面网站上有节省一些大数据的空间，我们不应该仅仅因为屏幕尺寸表明我不在移动设备上而沾沾自喜。 是的，如果我们的视口是“桌面大小”，我们应该期望更大的页面加载，因为与颗粒状的移动设备相比，图像会更大并且针对屏幕进行了更好的优化。但页面不应该大几个数量级。 此外，我正在随我。