Главное Свежее Вакансии Образование
537 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

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

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

Исследование Experienced Dynamics показало, что неоптимизированный контент — это причина роста отказов. 70% пользователей закрывают неудобные сайты. А поведение пользователей влияет на позицию в поисковой выдаче. Поэтому все стараются сделать сайты максимально комфортными в использовании и быстрыми.

JPEG 2000, JPEG XR и WebP — это форматы изображений, которые обладают превосходными характеристиками сжатия и качества по сравнению с аналогами JPEG и PNG. По данным Google, кодирование изображений в этих форматах помогает быстрее загружать веб-страницы и потреблять меньше мобильного трафика.

Чем отличается формат WebP


WebP — современный формат сжатия изображений, который за счет меньшего размера картинок позволяет ускорить загрузку сайта у пользователей. По результатам исследования Google:

  1. Картинка в WebP, сжатая без потерь, меньше PNG на 26%.
  2. Картинка в WebP, сжатая с потерями, меньше JPEG на 25-34%.

Формат WebP разработан в 2010 году компанией Google. Поддерживает сжатие с потерями и без, а также полупрозрачность и анимацию. Он считается одним из лучших, поскольку дает значительное улучшение производительности сайта. Поддерживается на 87% браузерах, кроме Internet Explorer и KaiOS Browser.


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


Изображения можно преобразовать самостоятельно или с помощью модуля хостинга.

Конвертация с помощью специальных сервисов

Для конвертации используйте один из специальных сервисов. Выбирайте любой — все просты в применении:

  1. Squoosh,
  2. Online-convert.com,
  3. Zamzar.

Загружаете картинку и получаете ее в новом формате на сайте или по почте.

Конвертация на стороне хостинга

Другой способ: подключить модуль на хостинге. Он доступен на виртуальных серверах RED.Site и включается за 2 клика. Это бесплатно.

Как это работает: вы загружаете изображения в любом формате, например в JPG или PNG. Модуль конвертирует их в формат WebP. Отметим, что новые изображения займут дополнительное место на тарифе. Поэтому перед подключением убедитесь в достатке места.

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

Ускоряйте работу сайта с форматом WebP! Желаем всем высоких конверсий.

Статья подготовлена Reddock — хостинг для 1С-Битрикс.

+1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.