异会对页面速度产生真正

[kexej28769@nongnue]

（一直如此）。有三幅这样的图像，因此它们之间的差的影响。 然而，现在我们已经将它们每个压缩到只有几百字节，并且 SVG 图像实际上是由类似于 HTML 的标记构成的。 您实际上可以将 SVG 标记直接放入 HTML 文档！ 如果我们对所有三幅传输图像都执行此操作，则从服务器发送到浏览器的页面的压缩 HTML 将从 31,182 字节增加到 31,532 字节 - 所有 3 幅图像仅为 350 字节。



增加！ 总结一下： 我们的 HTML 请求 伊朗电报数据库 增加了 350 字节，这几乎不算什么。 我们可以排除三次服务器访问，因为我们可以看到这需要很长时间。 你们中的一些人可能已经注意到，如果图像不是内联的，它们可能会被单独缓存，因此未来的页面请求就不需要检索它们。但如果我们考虑： 每个图像最初在网络上传输的大小约为 1.5kb（它们不是 gzip 压缩的 SVG），顶部有大约 350 字节的 HTTP 标头，传输大小约为 5.5kb。



因此，总体而言，我们减少了网络上的内容量。 这也意味着需要超过 20 个页面浏览量才能从缓存中受益。 要点：考虑在哪里可以使用 SVG 而不是 PNG。 要点：确保优化 SVG 图像，使用我链接的免费工具。 要点：内联小图像是有意义的，并且可以带来巨大的性能优势。 注意：您还可以内联 PNG - 请参阅本指南。 注意：要优化 PNG/JPG 图像，请尝试Kraken 。