Использование CDN, такого как Cloudfront, - первый шаг к ускорению изображений.Он решает проблемы, связанные с глобальным распространением (ваш веб-сайт размещен в Европе, но у вас есть посетители из Австралии => изображения будут загружаться с узла Cloudfront в Австралии и, очевидно, будут быстрее, чем путешествие из Европы).Кроме того, он помогает поглощать пики трафика, например, во время распродаж, Рождества, ...
Чтобы продолжить ускорение изображения , вам нужно поработать над самими изображениями и сосредоточиться на двух вещах.:
изменить размер изображения до целевого размера (миниатюра, предварительный просмотр, полный размер, ...) и иметь разные размеры для разных размеров экрана.
Используйте алгоритмы сжатия изображений, чтобы «сжать» ваши изображения.Вы можете использовать сжатие JPEG или альтернативные форматы изображений, такие как WebP, JPEG 2000, JPEG XR, ... Эти форматы обычно лучше (сжимают) JPEG, но имеют большое ограничение: они поддерживаются только определенным браузером.Обратитесь к caniuse.com за информацией о поддержке браузера: https://caniuse.com/#feat=webp
В итоге вам понадобится 15-20 версий одного и того же изображения , чтобы получить максимальную оптимизацию для всехбраузеры, размеры экрана устройства, варианты использования, ...
Есть несколько способов автоматизировать это, например, с помощью ImageMagick .Это отличная библиотека, но она требует кодирования и сопровождения, так как развивается довольно динамично.
Другой вариант - использовать облачную службу ускорения и доставки изображений.Эти сервисы обычно объединяют в себе изменение размера образов и доставку CDN и, вероятно, дают вам лучшие цены на CDN, поскольку они заключают крупные контракты с несколькими поставщиками CDN.
Мы используем https://cloudimage.io,, но есть и другие замечательные инструменты.Google - ваш лучший друг:).
Удачи в ускорении вашей страницы, быстрые изображения определенно окажут большое влияние.