Webp + Opencart: Оптимизация всех изображений сайта. Как и зачем?

При проверке сайта в сервисе Google Pagespeed Insights дается важная рекомендация по ускорению сайта: «Используйте современные форматы изображений». Сервис OptiPic CDN поможет легко выполнить эту рекомендацию. OptiPic подключается к Opencart с помощью удобного модуля. В результате все изображения на сайте будут преобразованы из устаревших форматов (png и jpeg) в современный формат Webp с целью ускорения загрузки изображений.

Изображения, размещенные на странице сайта, зачастую «весят» в байтах гораздо больше чем текст страницы, вся html-разметка, css-стили и javascript-логика вместе взятые. Поэтому формату изображений стоит уделять особое внимание.

Формат WebP является более эффективным и экономичным. Конвертация изображения из старого формата jpeg/png в формат WebP позволяет облегчить файл до 25% без ухудшения визуального качества картинки.

Именно поэтому Google настоятельно рекомендует отказываться от устаревших форматов изображений.

Но есть и один недостаток, который кстати легко решается использованием OptiPic CDN.

Старые версии браузеров не поддерживают формат WebP (к примеру Safari на старых версиях iOS). На этих браузерах WebP просто не отобразится (как будто картинки не существует).

OptiPic проверяет через какой браузер запрашивается изображение. Если браузер поддерживает WebP – отдаем посетителю изображение, сконвертированное в WebP. Если браузер не поддерживает WebP - отдаем изображение в исходном формате jpeg/png. Но даже в этом случае вы получите преимущество от использования сервиса, ведь изображение будет предварительно сжато (оптимизировано)..

Все конвертации и оптимизации изображений происходят в фоне в облаке OptiPic. Так что это никак не влияет на скорость отдачи изображений, и не создает нагрузки на ваш сайт на Opencart.

Чтобы произвести ускорение Opencart с помощью сервиса OptiPic CDN, необходимо скачать и установить модуль под Opencart на свой сайт, используя видео инструкцию. Процесс установки очень простой и обычно не вызывает затруднений даже у новичков.

Скачайте и установите на свой сайт официальный модуль CDN OptiPic для Opencart.

Зарегистрируйтесь в личном кабинете OptiPic CDN и добавьте новый сайт в панель управления CDN.

Выделите и скопируйте ID созданного сайта в буфер обмена (Ctrl + C)

Перейдите на страницу настроек установленного ранее модуля на вашем сайте.

Вставьте скопированный ID сайта в соответствующее поле настроек.

Сохраните настройки модуля. Очистите кэш в панели управления Opencart.

При необходимости измените другие настройки модуля.

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

Кроме того за счет акций OptiPic можно получить другие скидки на его использование, в т.ч.:

Дополнительную скидку могут получить пользователи, подписавшиеся на странички сервиса в соцсетях.