技巧 1 - WebP 图片

PNG 和 JPG 图像格式已过时且尺寸较大。它使它们加载时间更长,并相应地降低您的网站性能。幸运的是,谷歌开发了 WebP——大多数浏览器普遍接受的下一代文件格式。

查看完整指南以了解有关Magento 2 中 WebP 图像的更多信息、它们与 PNG 和 JPG 格式的区别、在您的商店中使用它们的好处和原因。

对于您的网站图像优化,您可以选择Magento 2 WebP 图像扩展,它可以帮助您将网站上所有当前和未来的图像自动转换为 WebP 格式。

这个 Magento 图像优化扩展允许您将图像的大小减少多达 50% 并同时保存它们的质量。真的很难看出区别。

如果您仔细阅读本文,您可能想知道如果有人从不支持新 WebP 格式的旧浏览器进入您的 Magento 2 网站会发生什么。

由于此 Magento 2 图像优化扩展不会将您的 PNG 和 JPG 图像替换为 WEBP 图像,因此它已得到处理。它只是制作他们的副本。因此,那些来自尚未与 WebP 集成的浏览器的人将看到您的原始图像为 PNG 和 JPG 格式。

专业提示:如果您可以使用一些在线转换器将您的图像转换为 WebP 并将它们上传到您的网站,为什么还需要 Magento 2 WebP 图像扩展?

并不是所有的浏览器都支持 WebP(你现在可能已经理解了)。如果您上传已转换的图像,来自“非 webp”浏览器的人会看到损坏的图像。这个图像优化工具不仅可以帮助您通过快速执行的网站满足所有客户的需求,而且无论使用何种浏览器,都可以向他们展示所有高质量的图片。

提示 2 - 手动图像优化

这可能是优化您网站上的图像的最简单和最常用的方法。Optimizilla - 是一个完全免费的在线图像优化器,可帮助您将图像的大小减小到可能的最小尺寸。 

您需要做的就是上传最多 20 张图像,然后等待几秒钟让图像优化器压缩它们。然后,您将能够单独下载每个图像或整个图像包。

Optimizilla 还允许您做的是调节颜色并比较原始图像和压缩图像的质量。

我们强烈建议您在将图像上传到所见即所得编辑器之前使用 Optimizilla 压缩图像,以尽可能减少页面大小和加载时间

技巧 3 - 图片延迟加载

一旦您尝试了上面提到的 Magento 2 图像优化工具,您的网站性能应该会显着提高。但是,还有另一种方法可以确保快速网页加载 -延迟加载 

当有人进入一个包含大量图片的页面时,他们通常会立即开始加载。这就是加载速度变慢的原因。您可以使用Magento 2 Image Lazy Load扩展,在向下滚动时将加载哪些图像。

Image Lazy Load 模块与 Magento 2 WebP 图片扩展完全兼容。因此,除了减小图像大小外,您还可以逐步提高网站加载图像的性能。

总而言之,Magento 2 图像优化实际上是您开始优化网站速度所需的第一件事。无论您的产品多么棒,或者您创造了多么令人惊叹的内容。如果您的网站需要大量时间来加载,人们就不会发现它。