Сайт по умолчанию
Создание сайтов в Минске, техдоработки. Работаем с РБ и РФ
Каталог
По всему сайту
По каталогу
Каталог
Шаблоны интернет магазинов
Шаблоны корпоративных сайтов
Отраслевые шаблоны
Лицензии 1С-Битрикс
Лицензии Битрикс24 (коробка)
Продления лицензий 1С-Битрикс
Переходы лицензий 1С-Битрикс
Наши решения
Готовые комплекты
Акции
Услуги
Разработка и внедрение
Доработка и обслуживание сайтов
Цены
Портфолио
Интернет-магазины
Корпоративные сайты
Блог
Компания
Новости
Отзывы
Карьера
Сертификаты
Контакты
+375 (44) 734-35-80
Заказать звонок
Задать вопрос
Войти
  • Корзина0
  • Отложенные0
info@brainforce.pro
г. Минск, ул. М.Богдановича, 155, оф.507
  • Telegram
  • Viber
  • Viber
  • WhatsApp
+375 (44) 734-35-80
  • Telegram
  • Viber
  • Viber
  • WhatsApp
Заказать звонок
г. Минск, ул. М.Богдановича, 155, оф.507
Войти
Отложенные 0
Корзина 0
Сайт по умолчанию
Создание сайтов в Минске, техдоработки. Работаем с РБ и РФ
Каталог
  • Шаблоны интернет магазинов
    Шаблоны интернет магазинов
  • Шаблоны корпоративных сайтов
    Шаблоны корпоративных сайтов
  • Отраслевые шаблоны
    Отраслевые шаблоны
  • Лицензии 1С-Битрикс
    Лицензии 1С-Битрикс
  • Лицензии Битрикс24 (коробка)
    Лицензии Битрикс24 (коробка)
  • Продления лицензий 1С-Битрикс
    Продления лицензий 1С-Битрикс
  • Переходы лицензий 1С-Битрикс
    Переходы лицензий 1С-Битрикс
  • Наши решения
    Наши решения
  • Готовые комплекты
    Готовые комплекты
Акции
Услуги
  • Разработка и внедрение
  • Доработка и обслуживание сайтов
Цены
Портфолио
  • Интернет-магазины
  • Корпоративные сайты
Блог
Компания
  • Новости
  • Отзывы
  • Карьера
  • Сертификаты
Контакты
+  ЕЩЕ
    Сайт по умолчанию
    Каталог
    • Шаблоны интернет магазинов
      Шаблоны интернет магазинов
    • Шаблоны корпоративных сайтов
      Шаблоны корпоративных сайтов
    • Отраслевые шаблоны
      Отраслевые шаблоны
    • Лицензии 1С-Битрикс
      Лицензии 1С-Битрикс
    • Лицензии Битрикс24 (коробка)
      Лицензии Битрикс24 (коробка)
    • Продления лицензий 1С-Битрикс
      Продления лицензий 1С-Битрикс
    • Переходы лицензий 1С-Битрикс
      Переходы лицензий 1С-Битрикс
    • Наши решения
      Наши решения
    • Готовые комплекты
      Готовые комплекты
    Акции
    Услуги
    • Разработка и внедрение
    • Доработка и обслуживание сайтов
    Цены
    Портфолио
    • Интернет-магазины
    • Корпоративные сайты
    Блог
    Компания
    • Новости
    • Отзывы
    • Карьера
    • Сертификаты
    Контакты
    +  ЕЩЕ
      Отложенные 0 Корзина 0
      Сайт по умолчанию
      Отложенные 0 Корзина 0
      Телефоны
      +375 (44) 734-35-80
      Заказать звонок
      • Каталог
        • Назад
        • Каталог
        • Шаблоны интернет магазинов
        • Шаблоны корпоративных сайтов
        • Отраслевые шаблоны
        • Лицензии 1С-Битрикс
        • Лицензии Битрикс24 (коробка)
        • Продления лицензий 1С-Битрикс
        • Переходы лицензий 1С-Битрикс
        • Наши решения
        • Готовые комплекты
      • Акции
      • Услуги
        • Назад
        • Услуги
        • Разработка и внедрение
        • Доработка и обслуживание сайтов
      • Цены
      • Портфолио
        • Назад
        • Портфолио
        • Интернет-магазины
        • Корпоративные сайты
      • Блог
      • Компания
        • Назад
        • Компания
        • Новости
        • Отзывы
        • Карьера
        • Сертификаты
      • Контакты
      • Личный кабинет
      • Корзина0
      • Отложенные0
      • +375 (44) 734-35-80
      Контактная информация
      г. Минск, ул. М.Богдановича, 155, оф.507
      info@brainforce.pro
      • Telegram
      • Viber
      • Viber
      • WhatsApp

      Ускорение сайта на 1С-Битрикс: внедряем изображения webp

      Главная
      —
      Блог
      —
      1С-Битрикс
      —Ускорение сайта на 1С-Битрикс: внедряем изображения webp
      4 октября 2022 0:00
      Ускорение сайта на 1С-Битрикс: внедряем изображения webp
      Наверное, каждый владелец сайта проверял скорость работы через Google PageSpeed Insights и видел сообщение "Используйте современные форматы изображений". 

      Рядом обычно была очень существенная цифра, уменьшив которую, точно получили бы прирост в производительности. Сейчас пришло время это сделать на 1С-Битрикс! Будем внедрять формат webp.

      За счет чего достигается производительность

      Алгоритм сжатия webp пришел на смену стандартному jpeg. Результат обработки получается соизмеримым, но webp физически меньше "весит". Например, на картинке выше видно, что при размере файла в 405Кб внедрение webp позволит сэкономить 392Кб, правда это только для простых файлов, для более сложных фотографий экономия будет меньше, но все равно порядка 30-50%. Если общий объем изображений на странице порядка 3Мб, то с помощью конвертации в webp можно получить всего 1Мб изображений, что весьма существенно. В детали сжатия изображений алгоритмом webp вдаваться не будем, нам это не особо сейчас важно.

      Алгоритм внедрения webp на сайт

      В 1С-Битрикс есть отличная функция создания изображений при первом выводе и хранении их в папке resized_cache. Именно ее мы и будем использовать.

      1. Для начала проверяем, поддерживает ли серверная библиотека GD работу с форматом webp (практически все современные сервера ее поддерживают). Проверить можно с помощью php функции gd_info(). Если поддерживает, то действуем дальше. Если нет - то пишем в поддержку хостинга и просим обновить ПО на сервере. Если они категорически отказываются, то ищем другой вариант хостинга. Например, на Beget поддержка webp есть и корректно работает. Если у вас сайт работает на VDS, то обновлять ПО придется самостоятельно.
      2. Далее забираем класс обработки отсюда, разархивируем и ложим в папку php_interface вашего сайта.
      3. После этого в init.php подключаем использование класса Pict через функцию CModule::AddAutoloadClasses. Теперь на всем сайте доступен наш класс по namespace, который в нем указан.
      4. Теперь берем компоненты, которые используют изображения и в result_modifier их шаблонов переопределяем изображения с помощью метода getWebp класса Pict (либо для одновременного ресайза - getResizeWebp). После того, как мы это сделали, мы получили копии исходных изображений в формате webp.
      5. Теперь выводим их вместо стандартных картинок с помощью тега picture. Здесь важно оставить вывод стандартных изображений для тех браузеров, которые не поддерживают webp. Это как раз и делается с помощью тега picture.

      Узкие места

      Трудозатраты сильно увеличиваются в зависимости от количества и громоздкости используемых компонентов на сайте. Для слайдеров, каруселей и прочих элементов, обрабатываемых с помощью JS возможно придется вносить изменения и в JS код для их корректной обработки, и в CSS для корректного отображения.

      Необходимо иметь больше свободного места на сервере, т.к. для каждого изображения создается его webp копия.

      Изображения шаблонов и медиабиблиотеки необходимо переконвертировать и подключить вручную.

      Полученные результаты

      После внедрения webp на битрикс сайт вы получаете существенный прирост в скорости, по данным Google PageSpeed - в особо запущенных случаях порядка 30-40 пунктов. Если графики на сайте немного и она уже оптимизирована с помощью удаления метаданных и отресайзена, то прирост будет ниже, но тоже существенным. На практике перевода brainforce.by на webp прирост составил 18-20 пунктов.

      Примерные трудозатраты

      Очень ориентировочные трудозатраты на внедрение webp на 1С-Битрикс:

      • Интернет-магазин - 15-20 ч
      • Корпоративный сайт - 10-15 ч
      Обращайтесь, переведем ваш сайт на использование webp изображений!
      • Комментарии
      Загрузка комментариев...
      Назад к списку
      • 1С-Битрикс 9
      • Битрикс24 3
      • Мнение эксперта 15
      • Советы по работе с АСПРО 8
      С вами будет работать
      Эдуард Козлов
      +375 (44) 734-35-80
      Задать вопрос
      Каталог
      Акции
      Услуги
      Контакты
      Компания
      Новости
      Отзывы
      Карьера
      Сертификаты
      Информация
      Документы
      Вопрос-ответ
      Реквизиты
      Политика
      Золотой партнер по созданию сайтов
      Участник мониторинга качества создания сайтов
      Компетенция по интеграции сайтов с 1С
      Компетенция разработки медицинских сайтов
      +375 (44) 734-35-80
      Заказать звонок
      info@brainforce.pro
      г. Минск, ул. М.Богдановича, 155, оф.507
      • Telegram
      • Viber
      • Viber
      • WhatsApp
      2023, by BrainForce
      Каталог
      По всему сайту
      По каталогу