Как конвертировать в WebP все изображения на WooCommerce

Почему стоит использовать WebP для WooCommerce?

Использование Webp решает проблему "Используйте современные форматы изображений" в Google Pagespeed Insights.

Если вкратце, то WebP сжимает файл лучше при прочих равных, чем более старые форматы (png и jpeg) - а значит занимает на хостинге меньше места и быстрее загружается в браузере при просмотре страницы.

Внедрение WebP активно пропагандируется Google-ом - они предоставляют такую статистику:

• WebP сжимает изображения без потерь на 26% лучше, чем PNG.
• WebP сжимает изображения с потерями лучше, чем JPEG на 25-34% при одинаковом индексе структурного сходства (SSIM)
• WebP поддерживает прозрачность без потерь (известную, как альфа-канал) при увеличении размера всего лишь на 22%.

Если браузер посетителя не поддерживает WebP, то CDN отдаст старый формат (png/jpeg), но сжатый (оптимизированный под Web)

Что такое сжатие изображений

Оптимизация картинок является специальной обработкой графического файла с целью минимизировать его размер без потери визуального качества.

Чтобы провести данную процедуру, есть большое количество достаточно сложных алгоритмов. Однако, все они базируются на одной основе — из графического файла нужно удалить все находящиеся там служебные данные (например название программы, которая хранит данный файл и др), а также, при помощи специальных программ соединить/сгладить похожие цвета.

В результате мы получаем то же изображение, которое визуально никак не изменилось. Однако, объем (вес) этого файла в байтах будет гораздо меньше, чем оригинал. Если провести данную обработку правильно, файл с изображением можно уменьшить до 98%, не теряя при этом качества изображения.

Это значит, что картинки на страницах сайта будут загружаться в разы быстрее после проведения их оптимизации.

Что даст оптимизации изображений для вашего сайта

• Экономия места на диске.
• Ускорение загрузки страниц.
• Минимальная нагрузка на сервер.
• Увеличение конверсии.
• Более качественное ранжирование сайта при поисковой выдаче.

Доказано, что ускорение сайта способно улучшить поведенческие факторы, а также поднять конверсию сайта (увеличить продажи). Чем дольше будет загружаться страница сайта, тем меньше покупателей сможет совершить там определенные целевые действия. Если Ваш сайт в Интернете будет работать не достаточно быстро, у Вас есть все шансы упустить свой потенциальный доход. Ускорение работы интернет-ресурса даст возможность улучшить конверсию и благодаря этому значительно увеличить выручку и привлечь больше клиентов.

Преимущества сервиса CDN OptiPic

• Отсутствуют ежемесячные платежи.
• Полная автоматизация.
• Предоставление бесплатной помощи при подключении.
• Для подключения и использования сервиса не нужно иметь специальных навыков в программировании или администрировании.
• В системе отсутствуют ограничения на размер изображений.
• Техподдержка на русском языке.

Каким образом оптимизация изображений может ускорить сайт?

Страница любого сайта чаще всего состоит из:

• изображений;
• html-кода (текстовое содержание, верстка, разметка);
• видео;
• javascript-скриптов с логикой, выполняющихся со стороны браузера;
• файлов-css со стилями страницы.

Такой пункт как изображения, занимает на страницах сайта большую часть всего объема и является самой «тяжелой» частью страниц. Уменьшение (оптимизация) изображений бесспорно позволит существенно сделать более быстрой загрузку любого интернет-ресурса.

Соответственно, если изменить (в меньшую сторону) объем изображений, все страницы сайта начнут грузиться значительно быстрее.

Сжатие картинок на сайте даст возможность уменьшить их объем до 75-98%, не теряя при этом свое визуальное качество.