Как ускорить загрузку сайта с WebP

Рассказываем о формате WebP и его подключении к онлайн-проекту.

66

У WebP действительно хорошие показатели сжатия (это не единственный новый формат такого типа - с 2015 года есть к примеру формат AVIF, AV1 Still Image File Format), но
1) все сохранённые картинки тоже будут в формате webp, что не всем пользователям нравится (не все десктопные просмотрщики и не все файловые менеджеры полноценно работают с новыми графическими форматами).
2) превью сайта в TG/VK (возможно, и в других случаях) придётся формировать с помощью JPEG или PNG, поэтому при внимании к этой детали стоит заложить в проект необходимость конверсии части картинок в один из старых форматов.

 Другой способ: подключить модуль на хостинге.  Отметим, что новые изображения займут дополнительное место на тарифе, но будут в несколько раз меньше оригиналов.

Могут быть промежуточные решения с разным потреблением процессорного времени и места на диске, например картинка может быть пропущена через сервер генерации превью (imgproxy/thumbor/picfit/imaginary), затем результат может быть закэширован nginx/apache. В случаях, когда картинка в итоговом формате генерируется из своего прообраза на сервере, дополнительное место долговременно не занимается - тратится только немного дополнительного времени на генерацию.

Ответить

Спасибо за развернутый комментарий!

 У WebP действительно хорошие показатели сжатия (это не единственный новый формат такого типа - с 2015 года есть к примеру формат AVIF

AVIF рекомендуют использовать для ускорения загрузки страниц, но пока он не настолько популярен: работает с 37% браузеров. Будем ожидать его роста!

 Могут быть промежуточные решения

Согласны, также есть различные модули, которые могут конвертировать изображения. Каждый находит наиболее удобный способ. Мы поделились своим :)

А каким способом вы чаще всего конвертируете изображения в WebP?

Ответить