Webp - Конвертер изображений в современный формат «на лету»
Технические данные
- Опубликовано:
- 20.11.2019
- Обновлено:
- 11.01.2020
- Версия:
- 1.1.4
- Установлено:
- 100 - 499 раз
- Подходящие редакции:
- «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес»
- Адаптивность:
- Да
- Поддержка Композита:
- Да
- Совместимо с Сайты24
- Нет
Описание
Преимущества модуля:
Работает сразу после установки
Конвертирует изображения «на лету»
Поддерживает lazyload-изображения (есть возможность задать список собственных атрибутов со ссылками на изображения в тегах <img>)
Поддерживает старые браузеры
Webp - это современный формат изображений, созданный специально для web-ресурсов. Основное преимущество этого формата - меньший вес файла.
Пример:
|
|
Формат: .jpg, размер: 117 Кб | Формат: .webp, размер: 48 Кб |
Гугл официально заявляет, что использование изображений современных форматов (.webp и других) ускоряет загрузку сайта и оказывает положительное влияние на ранжирование сайта в поисковой выдаче. При сканировании сайта инструментом Google Page Speed Insight гугл активно предлагает улучшение “Используйте современные форматы изображений”:
Также есть основания полагать, что использование изображений .webp-формата положительно влияет на ИКС (Индекс Качества Сайта) в Яндексе.
Степень необходимости внедрения современных форматов изображений на своём сайте вы можете узнать, используя инструмент Google Page Speed Insight.
-------------------------------------------------------------------
Если вам требуется решить проблему «Устраните ресурсы, блокирующие отображение», вам может быть интересен другой мой модуль: Предзагрузчик ресурсов
| 1.1.4 (11.01.2020) | Расширена возможность работы с lazyload. Теперь указанные в настройках модуля атрибуты обрабатываются у всех тегов, а не только img. Это сделано для поддержки ленивой загрузки background-изображений. Добавлена проверка наличия подходящих серверных модулей для конвертирования. |
| 1.1.3 (24.12.2019) | Исправлена обработка изображений с url-кодированными именами (%D0%B2%D1%8B%D0%BD%D0%B3%D0%B0%D0%BF%D1%83%D1%80.jpg) |
| 1.1.2 (16.12.2019) | Изменён способ подключения классов для корректной работы демо-версий |
| 1.1.1 (13.12.2019) | Подправлен механизм обновления js |
| 1.1.0 (12.12.2019) | Добавлена поддержка атрибутов background и background-image |
| 1.0.9 (07.12.2019) | Добавлена проверка версии библиотеки GD |
| 1.0.8 (05.12.2019) | Добавлены настройки модуля: активность, обрабатываемые атрибуты. Теперь можно указывать список обрабатываемых атрибутов тегов img |
| 1.0.7 (30.11.2019) | Изменён метод парсинга html в связи с некорректной обработкой скриптов. Теперь используются регулярки, установка расширения php-xml (класс DomDocument) больше не требуется. |
| 1.0.6 (22.11.2019) | Исправлена ошибка при работе с шаблоном Аспро.Next |
| 1.0.5 (22.11.2019) | Добавлена поддержка атрибута изображений data-src (используется при lazyload) |
Минимальные технические требования:
- наличие на сервере php библиотеки GD v2.2.5 или выше
Библиотека GD входит в список обязательного ПО для Битрикс, но на сервере может быть установлена устаревшая версия, которая некорректно обрабатывает прозрачные .png. В комплект поставки BitrixVM\BitrixENV уже входит актуальная версия.
В случае использования устаревшей версии библиотеки, после установки модуля будет выведено соответствующее уведомление, а модуль переведен в статус "Не активен".
Особенности работы модуля:
Не работает с включенным CDN (т.к. CDN Битрикса не позволяет сохранять файлы формата .webp)
Удаление устаревших изображений (оригиналы которых перестали существовать) производится агентом с периодичностью 1 раз в сутки.
Модуль работает только с изображениями в html-коде страницы (в тегах <img>, стилевых атрибутах background и background-image, а также атрибутах lazyload - data-src и т.п.). Изображения прописанные в .js\.css файлах не конвертируются.
Поддержка старых браузеров реализована следующим образом: при загрузке страницы скрипт на JS проверяет поддерживает ли браузер формат .webp и если не поддерживает, то подменяет ссылки изображений на оригинальные.
Другие решения разработчика
© 2001-2020 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом.