问从amazon s3和cloudFront缓慢加载图像

EN

图像可能还有许多其他问题：

• 在页面上加载太多的图像。确保延迟加载在初始呈现时不可见的图像。
• 使用错误的图像大小。这可以通过调整图像大小来修正。另外，不要忘记有反应的图像。你可以读到更多关于他们的这里
• 使用下一代格式。例如，看看在Chrome浏览器上使用WEBP，为Safari使用JPEG2000。

您可以使用灯塔工具测试您的网站上列出的所有问题。

另外，对于像pixboost.com这样的图像，可以考虑使用专门的CDN。

使用像Cloudfront这样的CDN是加速图像的第一步。它解决了全球发行的挑战(您的网站托管在欧洲，但您有来自澳大利亚的访问者，=>图片将从Cloudfront在澳大利亚的节点加载，并且明显比从欧洲旅行更快)。此外，它还有助于吸收交通高峰，例如在销售，圣诞节，.

要进一步使用图像加速，您需要对图像本身进行处理，并专注于2件事情：

1. 将图像调整到目标大小(缩略图、预览、全尺寸、.)对于不同的屏幕尺寸也有不同的尺寸。
2. 使用图像压缩算法“缩小”您的图像。您可以使用JPEG压缩或替代图像格式，如WebP，JPEG 2000，JPEG，.这些格式通常执行(收缩)更好的JPEG，但它们有一个很大的限制:它们只支持特定的浏览器。查看caniuse.com以获得浏览器支持信息：https://caniuse.com/#feat=webp

最后，您将需要使用15-20版本的相同图像，以便在所有浏览器、设备屏幕大小、用例、.

自动化有多种方法，例如通过使用ImageMagick。它是一个很好的库，但是它需要编码和维护，因为它的发展是动态的。

另一种选择是使用基于云的图像加速和传递服务.这些服务通常将图像调整和CDN交付捆绑在一起，并且可能在与多个CDN供应商协商大合同时为您提供更好的CDN定价。

我们使用https://cloudimage.io，但是还有其他很好的工具。谷歌是你最好的朋友:)。

祝你好运，加速你的网页，更快的图像肯定会有很大的影响。