如果您考虑到即使非常小的图像文件也

[rakibhasanbd4723]

在这种情况下，文件很小，所以您可能仍然会想“为什么要费心呢？”该工具将它们从约 1240 字节压缩到约 630 字节，没有任何质量损失 — — 比例不错，但总体节省并不多。

然而......现在我们已经压缩了它们，我们可以以不同的方式思考如何传递它们......

内联图像
GTMetrix 建议内联少量 CSS 或 JS，但并未 阿根廷电话数据 提及内联图像。图像也可以内联，有时这可能是正确的方法。
需要完整的往返（这会对速度产生非常实际的影响），那么即使对于小文件，这也可能需要很长时间。在上述 Cineworld 传输图像的情况下，我模拟了“快速 3G”连接并看到：


该网站未使用 HTTP2，因此需要等待很长时间，然后图像（1.2kb）需要近 600 毫秒才能加载（没有 HTTP2 也意味着这会阻止其他请求）。有三张这样的图像，因此它们会对页面速度产生真正的影响。

但是，现在我们已经将它们压缩到只有几百个字节，并且 SVG 图像实际上是由与 HTML 类似的标记组成的：


您实际上可以将 SVG 标记直接放入 HTML 文档！

如果我们对所有三张传输图像都执行此操作，则从服务器发送到浏览器的此页面的压缩 HTML 将从 31,182 字节增加到 31,532 字节 - 所有 3 张图像仅增加了 350 字节！

总结一下：