Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!

Я согласен с условиями активации продлений
Продлить
Продолжить покупки

Ускорение загрузки сайта - оптимизация css, js и картинок (изображений)

Adwex.Minified — модуль для быстрой оптимизации загрузки сайта. Модуль оптимизирует стилевые файлы, файлы скриптов и изображения. Также добавлены дополнительныевозможности: инлайн стилей (inline), конвертация изображений в формат WebP, прекконектк службам метрики, ленивая загрузка изображений.Пишите предложения по улучшению или замечания по работе, на почту support@adwex.ruМинимизацияМодуль создает файлы с минимизированным кодом внутри. В коде убираются пробелы, переносы строк и комментарии, сокращаются цветовые обозначения. Это уменьшает вес файлов, а следовательно и время загрузки.Встраивание (inline)Благодаря встраиванию CSS уменьшается количество запросов к серверу, пользователь получает CSS код сразу вместе со страницей. Иногда, если CSS файлы большие, это приводит к уменьшению оценки в Google PageSpeed, для того, чтобы этого не происходило,включите опцию «Встраивать только небольшие файлы» - в этом случае количество запросов к серверу сокращается, а размер HTML кода увеличивается,но не критично.В последних обновлениях, добавлено оптимизированное  встраивание стилей. Стили встраиваются в страницу только в первый заход пользователя, тогда же они кэшируются браузером в фоновом режиме. В следующий заход пользователь получитстили из кэша, а HTML код будет без доп. вставок кода, что значительно сократитего размер.Модуль создает файлы с минимизированным кодом внутри. Это уменьшает вес файлов. Т.к. JS код может быть самым разным, для работы можно использовать одну из четырех библиотек:PatchworkPHPWeeJSMinMatthiasMullieИзображенияВ первую очередь на скорость загрузки сайта влияют изображения. Модуль оптимизирует как уже загруженные файлы, так и только загружаемые в автоматическом режиме. Для минимизации используется различные библиотеки, результат их работы сравнивается и остаётся файл с наименьшим весом.В версии 2.0.5 добавлена конвертация изображений в формат WebP. WebP изображения создаются из уже оптимизированых, хранятся отдельно от оригиналов, и показываютсятолько в современных браузерах.Обратите внимание, что конвертация работает не на всех хостингах. После установкив настройках модуля, можно проверить хостинг на поддержку формата.Сравните качество изображений до оптимизации, после, и в формате WebPДо оптимизации      После      WebP1.png (2,02 Мбайт)1_compresed.png (0,72 Мбайт)1_webp.webp (0,15 Мбайт)2.png (3,39 Мбайт)2_compresed.png (0,71 Мбайт)2_webp.webp (0,39 Мбайт)ШрифтыЕсли на сайте используется подключаемые шрифты Fonts.Google (решения Аспро, BXReady, INTEC и др.), то с помощью модуля вы сможете оптимизировать их загрузку.В последних версиях Битрикс добавляет загрузку шрифта Open Sans. Если он вам не нужен или он уже подключается из другого места, его можно убрать с помощью соответствующей опции.Оптимизация HTMLМодуль также сжимает итоговый код HTML. Это экспериментальная функция, мы рекомендуем использовать ее только на небольших сайтах или сайтах, где контент редко изменяется (новостные, корпоративные, блоги). Для минификации используются библиотеки:PatchworkPHPWeeTinyHtmlShaunДля сжатия изображений используются различные библиотеки: optipng, pngquant, jpegoptim, svgo, ImageMagick. Рекомендуется установить их на вашем хостинге перед оптимизацией изображений.При оптимизации изображений, оригиналы НЕ сохраняются, поэтому, перед оптимизацией изображений рекомендуем сделать бэкап файлов.Используем такой вариант оптимизации изображений по следующим причинам:изображения можно оптимизировать заранее, чтобы пользователю не нужно было ждать, когда произойдет оптимизация «на лету»;экономится место на хостинге;при сохранении оригиналов, нужно следить за удалением файлов. Пример: на страницу добавили новый файл, а старый удалили. Для нового файла создастся оптимизированная копия, но копия для старого файла, также останется, ведь её не удалили. Со временем, это может сказаться на занимаемом месте;Вы не зависите от работоспособности сторонних сервисов, т.к. все операции происходят на вашем сервере.JS и CSS файлы оптимизируются только если они подключены через API Битрикса.Для работы модуля нужен PHP версии >5.6. Для быстрой и стабильной работы сайта, рекомендуется PHP версии выше 7.1Также рекомендуем настроить на сервере HTTP/2, это необходимо как для быстрой загрузки, так и для безопасности вашего сайта.Результаты работы модуля зависят от индивидуальных особенностей сайта и могут отличаться от приведенных примеров. Чтобы проверить работу модуля на вашем сайте, протестируйте его в демо-режиме. Если вам требуется помощь с настройкой модуля, напишите в нашу службу поддержки.Версия 4.1.0Улучшена совместимость модуля со стандартными функциями сжатия CSS и JS БитрискаУлучшена оптимизация подгрузки шрифтов и отображения текстов во время загрузки страницВерсия 4.0.11. Добавлена поддержка PHP 8.0, 8.1Чтобы обновить имеющуюся версию:- для тех сайтов, где используется php ниже 8.0 достаточно просто обновить модуль- если вы уже переключили свой сайт на php 8, необходимо удалить и стереть модуль, затем скачать и установить заново2. Реализовано автоматическое удаление старых сжатых версий html файлов3. Добавлена настройка времени жизни сжатых html файлов в кешеВерсия 3.1.0Добавлен сервис "Пробная конвертация в WEBP" для проверки конвертации в WEBP любых файлов. Файл выбирается на локальном компьютере, конвертируется средствами сервера и возвращается в виде скачиваемого файла уже в формате WEBP. При обработке загруженного файла используются текущие настройки качества конвертации в WEBP модуля.Оптимизировано применение скрипта Lazy Load на стороне браузера для страниц, на которых нет изображений, требующих Lazy Load.В настройках модуля добавлена опция кэширования на стороне браузера встраиваемых CSS.Добавлена специальная опция отключения обработки модулем страницы "Ошибка 404".Версия 3.0.0Добавлена функция LazyLoad для фоновых изображений, задаваемых в атрибуте style различных тегов.Добавлена опция для настройки предзагрузки шрифтов, которые Google PageSpeed Insights выдает в разделе "Настройте предварительную загрузку ключевых запросов".Добавлена возможность задавать дополнительные регулярные выражения для поиска и конвертации в WebP изображений, которые задаются в коде страницы через нестандартные атрибуты HTML-тегов, внутри инлайн-скриптов или стилей и для различных особенных вариантов верстки страниц.Значительно улучшена совместимость функций LazyLoad и WebP модуля с другими механизмами ленивой загрузки (LazyLoad) изображений, применяемых в различных готовых решениях и индивидуальных проектах.Версии 2.9.2:Добавлена поддержка PHP 7.4Улучшена поддержка WebP при работе модуля с готовым решением "Аспро Максимум"Версия 2.8.0В настройки модуля добавлен список исключения относительных URL сайта, для которых (включая вложенные) модуль не должен применяться.Добавлен список исключения для применения LazyLoad к отдельным страницам и/или разделам сайтаУлучшена проверка поддержки WebP на уровне сервера.Улучшен поиск ресурсов .js и .css при использовании сжатия скриптов и стилей.Версия 2.7.0Улучшено качество конвертирования в WebP больших изображенийУлучшена поддержка решений IntecВерсия 2.5.0Добавлено выключение модуля без удаления. Режим работы только для администраторов.Ускорена работа модуляLazyLoad стал приятнымАтрибут data-amwebp-skip - для отмены конвертации в WebP. Атрибут data-amlazy-skip - для отмены добавления ленивой загрузкиВерсия 2.0.5Ковертация изображений в WebP. Оптимизация работыВерсия 1.4.2Добавлен оптимизированный инлайн стилейВерсия 1.4.0Оптимизация загрузки шрифтов с Fonts.GoogleВерсия 1.2.4Поддержка модуля imageMagickВерсия 1.2.2Отлов ошибки с битыми файламиНовая опция для тех кто использует встраивание CSS в HTMLВерсия 1.1.11Сжатие HTML работает только если шаблон начинается с <!DOCTYPE. Убедитесь что ваш шаблон начинается с <!DOCTYPE, чтобы сжатие продолжило работу.Версия 1.1.8Добавлена функция встраивания CSS в код HTMLДобавлена новая библиотека для сжатия HTMLВерсия 1.1.0 Была добавлена экспериментальная функция сжатия итогового html. После включения сжатия html рекомендуем тщательно проверить функциональность сайта.

Ускорение загрузки сайта - оптимизация css, js и картинок (изображений)

Ускорение загрузки сайта - оптимизация css, js и картинок (изображений)

Купить: 3 900 руб.
Попробовать (30 дней)
Скриншоты
Описание

Технические данные

Опубликовано:
22.05.2018
Обновлено:
02.05.2023
Версия:
4.1.1
Установлено:
Более 1000 раз
Подходящие редакции:
«Старт», «Стандарт», «Малый бизнес», «Бизнес»
Адаптивность:
Нет
Поддержка Композита:
Нет
Совместимо с Сайты24
Нет
Совместимо с PHP 8.1
Да

Пользовательское соглашение

Описание


Adwex.Minified — модуль для быстрой оптимизации загрузки сайта. Модуль оптимизирует
стилевые файлы, файлы скриптов и изображения. Также добавлены дополнительные
возможности: инлайн стилей (inline), конвертация изображений в формат WebP, прекконект
к службам метрики, ленивая загрузка изображений.

Пишите предложения по улучшению или замечания по работе, на почту support@adwex.ru


Минимизация
Модуль создает файлы с минимизированным кодом внутри. В коде убираются пробелы,
переносы строк и комментарии, сокращаются цветовые обозначения. Это уменьшает
вес файлов, а следовательно и время загрузки.



Встраивание (inline)
Благодаря встраиванию CSS уменьшается количество запросов к серверу, пользователь
получает CSS код сразу вместе со страницей. Иногда, если CSS файлы большие, это
приводит к уменьшению оценки в Google PageSpeed, для того, чтобы этого не происходило,
включите опцию «Встраивать только небольшие файлы» - в этом случае
количество запросов к серверу сокращается, а размер HTML кода увеличивается,
но не критично.

В последних обновлениях, добавлено оптимизированное  встраивание стилей.
Стили встраиваются в страницу только в первый заход пользователя, тогда же
они кэшируются браузером в фоновом режиме. В следующий заход пользователь получит
стили из кэша, а HTML код будет без доп. вставок кода, что значительно сократит
его размер.

Модуль создает файлы с минимизированным кодом внутри. Это уменьшает вес файлов.
Т.к. JS код может быть самым разным, для работы можно
использовать одну из четырех библиотек:
  • Patchwork
  • PHPWee
  • JSMin
  • MatthiasMullie
Изображения
В первую очередь на скорость загрузки сайта влияют изображения. Модуль оптимизирует
как уже загруженные файлы, так и только загружаемые в автоматическом режиме. Для
минимизации используется различные библиотеки, результат их работы сравнивается
и остаётся файл с наименьшим весом.

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


Сравните качество изображений до оптимизации, после, и в формате WebP
До оптимизации      После      WebP
1.png (2,02 Мбайт)1_compresed.png (0,72 Мбайт)1_webp.webp (0,15 Мбайт)
2.png (3,39 Мбайт)2_compresed.png (0,71 Мбайт)2_webp.webp (0,39 Мбайт)


Шрифты
Если на сайте используется подключаемые шрифты Fonts.Google (решения Аспро,
BXReady, INTEC и др.), то с помощью модуля вы сможете оптимизировать их загрузку.

В последних версиях Битрикс добавляет загрузку шрифта Open Sans. Если он вам не
нужен или он уже подключается из другого места, его можно убрать с помощью
соответствующей опции.

Оптимизация HTML
Модуль также сжимает итоговый код HTML. Это экспериментальная функция, мы рекомендуем
использовать ее только на небольших сайтах или сайтах, где контент редко изменяется
(новостные, корпоративные, блоги). Для минификации используются библиотеки:
  • Patchwork
  • PHPWee
  • TinyHtml
  • Shaun

Для сжатия изображений используются различные библиотеки: optipng, pngquant,
jpegoptim, svgo, ImageMagick. Рекомендуется установить их на вашем хостинге перед
оптимизацией изображений.

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

  • изображения можно оптимизировать заранее, чтобы пользователю не нужно
    было ждать, когда произойдет оптимизация «на лету»;
  • экономится место на хостинге;
  • при сохранении оригиналов, нужно следить за удалением файлов. Пример:
    на страницу добавили новый файл, а старый удалили. Для нового файла создастся
    оптимизированная копия, но копия для старого файла, также останется, ведь
    её не удалили. Со временем, это может сказаться на занимаемом месте;

Вы не зависите от работоспособности сторонних сервисов, т.к. все операции
происходят на вашем сервере.

JS и CSS файлы оптимизируются только если они подключены через API Битрикса.

Для работы модуля нужен PHP версии >5.6. Для быстрой и стабильной работы
сайта, рекомендуется PHP версии выше 7.1

Также рекомендуем настроить на сервере HTTP/2, это необходимо как для быстрой
загрузки, так и для безопасности вашего сайта.

Результаты работы модуля зависят от индивидуальных особенностей сайта и могут отличаться от приведенных примеров. Чтобы проверить работу модуля на вашем сайте, протестируйте его в демо-режиме. Если вам требуется помощь с настройкой модуля, напишите в нашу службу поддержки.

Версия 4.1.0

Улучшена совместимость модуля со стандартными функциями сжатия CSS и JS Битриска
Улучшена оптимизация подгрузки шрифтов и отображения текстов во время загрузки страниц
Версия 4.0.1

1. Добавлена поддержка PHP 8.0, 8.1
Чтобы обновить имеющуюся версию:
- для тех сайтов, где используется php ниже 8.0 достаточно просто обновить модуль
- если вы уже переключили свой сайт на php 8, необходимо удалить и стереть модуль, затем скачать и установить заново
2. Реализовано автоматическое удаление старых сжатых версий html файлов
3. Добавлена настройка времени жизни сжатых html файлов в кеше
Версия 3.1.0

Добавлен сервис "Пробная конвертация в WEBP" для проверки конвертации в WEBP любых файлов. Файл выбирается на локальном компьютере, конвертируется средствами сервера и возвращается в виде скачиваемого файла уже в формате WEBP. При обработке загруженного файла используются текущие настройки качества конвертации в WEBP модуля.
Оптимизировано применение скрипта Lazy Load на стороне браузера для страниц, на которых нет изображений, требующих Lazy Load.
В настройках модуля добавлена опция кэширования на стороне браузера встраиваемых CSS.
Добавлена специальная опция отключения обработки модулем страницы "Ошибка 404".
Версия 3.0.0

Добавлена функция LazyLoad для фоновых изображений, задаваемых в атрибуте style различных тегов.
Добавлена опция для настройки предзагрузки шрифтов, которые Google PageSpeed Insights выдает в разделе "Настройте предварительную загрузку ключевых запросов".
Добавлена возможность задавать дополнительные регулярные выражения для поиска и конвертации в WebP изображений, которые задаются в коде страницы через нестандартные атрибуты HTML-тегов, внутри инлайн-скриптов или стилей и для различных особенных вариантов верстки страниц.
Значительно улучшена совместимость функций LazyLoad и WebP модуля с другими механизмами ленивой загрузки (LazyLoad) изображений, применяемых в различных готовых решениях и индивидуальных проектах.
Версии 2.9.2:

Добавлена поддержка PHP 7.4
Улучшена поддержка WebP при работе модуля с готовым решением "Аспро Максимум"
Версия 2.8.0

В настройки модуля добавлен список исключения относительных URL сайта, для которых (включая вложенные) модуль не должен применяться.
Добавлен список исключения для применения LazyLoad к отдельным страницам и/или разделам сайта
Улучшена проверка поддержки WebP на уровне сервера.
Улучшен поиск ресурсов .js и .css при использовании сжатия скриптов и стилей.
Версия 2.7.0

Улучшено качество конвертирования в WebP больших изображений
Улучшена поддержка решений Intec
Версия 2.5.0

Добавлено выключение модуля без удаления. Режим работы только для администраторов.
Ускорена работа модуля
LazyLoad стал приятным
Атрибут data-amwebp-skip - для отмены конвертации в WebP. Атрибут data-amlazy-skip - для отмены добавления ленивой загрузки

Версия 2.0.5
Ковертация изображений в WebP. Оптимизация работы
Версия 1.4.2
Добавлен оптимизированный инлайн стилей
Версия 1.4.0
Оптимизация загрузки шрифтов с Fonts.Google
Версия 1.2.4
Поддержка модуля imageMagick
Версия 1.2.2
Отлов ошибки с битыми файлами
Новая опция для тех кто использует встраивание CSS в HTML
Версия 1.1.11
Сжатие HTML работает только если шаблон начинается с <!DOCTYPE. Убедитесь что ваш шаблон начинается с <!DOCTYPE, чтобы сжатие продолжило работу.
Версия 1.1.8
Добавлена функция встраивания CSS в код HTML
Добавлена новая библиотека для сжатия HTML
Версия 1.1.0
Была добавлена экспериментальная функция сжатия итогового html. После включения сжатия html рекомендуем тщательно проверить функциональность сайта.

Отзывы (4)
Обсуждения (78)
1 - 5 из 78
Что нового
4.1.1 (02.05.2023)
  • Улучшена совместимость с PHP 8.0, PHP 8.1
4.1.0 (21.03.2023)
  • Улучшена совместимость модуля со стандартными функциями сжатия CSS и JS Битриска
  • Улучшена оптимизация подгрузки шрифтов и отображения текстов во время загрузки страниц
4.0.2 (28.02.2023)
  • Улучшена совместимость с PHP 8.0, PHP 8.1
4.0.1 (10.02.2023)
  • Добавлена поддержка PHP 8.0, 8.1
  • Чтобы обновить имеющуюся версию:
    - для тех сайтов, где используется php ниже 8.0 достаточно просто обновить модуль
    - если вы уже переключили свой сайт на php 8, необходимо удалить и стереть модуль, затем скачать и установить заново
  • Реализовано автоматическое удаление старых сжатых версий html файлов
  • Добавлена настройка времени жизни сжатых html файлов в кеше
3.3.0 (21.06.2022)
  • Небольшие улучшения
3.2.0 (30.05.2022)
  • Небольшие улучшения
3.1.0 (15.12.2021)
  • Добавлен сервис "Пробная конвертация в WEBP" для проверки конвертации в WEBP любых файлов. Файл выбирается на локальном компьютере, конвертируется средствами сервера и возвращается в виде скачиваемого файла уже в формате WEBP. При обработке загруженного файла используются текущие настройки качества конвертации в WEBP модуля.
  • Оптимизировано применение скрипта Lazy Load на стороне браузера для страниц, на которых нет изображений, требующих Lazy Load.
  • В настройках модуля добавлена опция кэширования на стороне браузера встраиваемых CSS.
  • Добавлена специальная опция отключения обработки модулем страницы "Ошибка 404".
3.0.0 (02.10.2020)
  • Добавлена функция LazyLoad для фоновых изображений, задаваемых в атрибуте style различных тегов
  • Добавлена опция для настройки предзагрузки шрифтов, которые Google PageSpeed Insights выдает в разделе "Настройте предварительную загрузку ключевых запросов".
  • Добавлена возможность задавать дополнительные регулярные выражения для поиска и конвертации в WebP изображений, которые задаются в коде страницы через нестандартные атрибуты HTML-тегов, внутри инлайн-скриптов или стилей и для различных особенных вариантов верстки страниц.
  • Значительно улучшена совместимость функций LazyLoad и WebP модуля с другими механизмами ленивой загрузки (LazyLoad) изображений, применяемых в различных готовых решениях и индивидуальных проектах.
2.9.2 (13.08.2020)
  • Добавлена поддержка PHP 7.4
  • Улучшена поддержка WebP при работе модуля с готовым решением "Аспро Максимум"
2.8.0 (15.05.2020)
  • В настройки модуля добавлен список исключения относительных URL сайта, для которых (включая вложенные) модуль не должен применяться.
  • Добавлен список исключения для применения LazyLoad к отдельным страницам и/или разделам сайта.
  • Улучшена проверка поддержки WebP на уровне сервера.
  • Улучшен поиск ресурсов .js и .css при использовании сжатия скриптов и стилей.
2.7.1 (19.12.2019)
  • Улучшена поддержка формата WebP.
2.7.0 (21.11.2019)
  • Улучшено качество конвертирования в WebP больших изображений
  • Улучшена поддержка решений Intec
2.6.8 (01.11.2019)
  • Исправление ошибки при отсутствии finfo
2.6.6 (10.10.2019)
  • Небольшие улучшения
2.6.5 (10.10.2019)
  • Улучшенная работа с композитом
2.6.0 (03.10.2019)
  • Небольшие исправления, лучше производительность
  • Поддержка готового решения «Кракен»
2.5.4 (02.09.2019)
  • Изменение Lazyload
  • Разделение опции «Сжимать изображения элементов инфоблоков» на две: «Сжимать изображения элементов инфоблоков при создании» и «Сжимать изображения элементов инфоблоков при обновлении»
2.5.0 (22.08.2019)
  • Добавлено выключение модуля без удаления. Режим работы только для администраторов. Спасибо за идею Петру Колотову
  • Ускорена работа модуля
  • LazyLoad стал приятным
  • Атрибут data-amwebp-skip - для отмены конвертации в WebP. Спасибо за идею Владимиру Горячеву
  • Атрибут data-amlazy-skip - для отмены добавления ленивой загрузки
2.2.5 (25.07.2019)
  • Обновление LazyLoad
  • Оптимизации
2.2.0 (24.07.2019)
  • Базовый LazyLoad
2.0.95 (23.07.2019)
  • Поддержка JS шаблонов
2.0.8 (22.07.2019)
  • Подробное описание к настройкам модуля
2.0.5 (22.07.2019)
  • Ковертация изображений в WebP
  • Опциональная конвертация PNG
  • Преконнект к JivoSite
  • Imagik стал лучше
1.4.5 (20.06.2019)
  • Преконнекты к сервисам аналитики
  • Улучшение оптимизации изображений
1.4.2 (18.06.2019)
  • «Умный» инлайн-стилей. Стили инлайнятся только в первый заход пользователя, файлы стилей кэшируются и в следующий раз отдаются из кэша, оставляя код страницы чистым без лишнего кода
1.4.1 (21.05.2019)
  • Опция для удаления подключаемого битриксом шрифта OpenSans
1.4.0 (21.05.2019)
  • Оптимизация подключения Fonts.Google
  • Убран конфликт с Сайты24
1.3.0 (27.03.2019)
  • Опция для встраивания только небольших (меньше 28 KB) CSS файлов
1.2.7 (19.02.2019)
  • Исправлена ошибка кэша при сжатии HTML
1.2.4 (04.01.2019)
  • Поддержка модуля imageMagick
1.2.3 (29.12.2018)
  • Исправление ошибок
1.2.2 (29.12.2018)
  • Отлов ошибки с битыми файлами
  • Новая опция для тех кто использует встраивание CSS в HTML
1.1.13 (27.08.2018)
  • Исправлена ошибка при работе с кэшом
1.1.12 (27.07.2018)
  • Поддержка демо-режима
1.1.11 (15.06.2018)
  • Улучшение сжатия HTML
    • пропуск JSON ответов сервера
    • пропуск ответов без <!DOCTYPE (часть страницы, файлы и т.п.). Убедитесь что ваш шаблон начинается с <!DOCTYPE, чтобы сжатие продолжило работу.
1.1.10 (13.06.2018)
  • Улучшение сжатия HTML
1.1.8 (07.06.2018)
  • Добавлена функция встраивания CSS в код HTML
  • Добавлена новая библиотека для сжатия HTML
  • Улучшена производительность
1.1.0 (06.06.2018)
  • Добавлена функция встраивания CSS в код HTML
  • Добавлена новая библиотека для сжатия HTML
  • Улучшена производительность
Установка
Для работы модуля требуется версия PHP 5.6 и выше.
1. Установить модуль в административной панели.
2. Перейти в настройки и изменить, если требуется:
•  установить качество изображений
•  выбрать "галочками" сжимать ли изображения элементов, секций инфоблоков или сторонних модулей
•  для каждого сайта отметить, требуется ли сжимать его стили, скрипты и html


ОТВЕТЫ НА ЧАСТЫЕ ВОПРОСЫ ПОЛЬЗОВАТЕЛЕЙ

Хостинг

Модуль работает как на мощных VPS, так и на простых виртуальных хостингах. Минимальная версия PHP для работы - 5.6. Но для лучшего результата необходима версия выше 7.1.

Для работы с изображениями используются установленные библиотеки optipng, pngquant, jpegoptim, svgo, ImageMagick. Как правило, какие-то из этих библиотек уже есть на хостинге и дополнительные могут не потребоваться.
Чтобы проверить как работает модуль на вашем хостинге до покупки, установите его в демо-режиме.

Установка модуля в демо-режиме
В демо-режиме доступны все функции. После окончания бесплатного периода, модуль выключится. Если вы оптимизировали изображения, то они останутся оптимизированными, всё остальное вернется в состояние, которое было до его установки.
Повторно активировать демо-режим нельзя.

При первой загрузке страницы после включения модуля может потребоваться конвертация в WebP сразу большого количества изображений и вы заметите, что страница загружается дольше обычного. Это нормально, т.к. идет оптимизация страницы.
Рекомендуем в таких случаях просто "походить" по сайту, чтобы основные элементы дизайна и наиболее часто используемые изображения преобразовались в WebP. При последующих заходах на эти страницы, оно будут уже оптимизированы и будут загружаться быстрее.

Сжатие уже загруженных изображений
Для сжатия уже загруженных изображений, требуется зайти в раздел "Сервисы" - "Оптимизация изображений Adwex" и указать папку, в которых они находятся. Если вы  знаете, что на сайте много изображений то лучше не указывать «/», а  разбить сжатие на несколько этапов.
Рекомендуемые папки для оптимизации:
/upload/iblock/
/upload/resize_cache/
Внимание! Сжатие изображений в jpg и png необратимо, новые оптимизированные изображения перезаписываются  без сохранения исходников. Рекомендуется создать бакап изображений перед их сжатием на случай если качество оптимизированных изображений вам не подойдет.

Если ваш сервер поддерживает WebP, то оптимизированные изображения в формате WebP будут автоматически создаваться при первом открытии страницы с соответствующими изображениями. Сохраняются изображения WebP в отдельную папку, независимо от исходных .jpg и .png файлов. При использовании WebP запускать оптимизацию изображений в разделе "Сервисы" обычно не требуется.

Сжатие новых изображений
Если на сайт постоянно добавляются новые изображения, например, через импорт, то чтобы они автоматически сжимались, необходимо в настройках модуля выбрать опции «Сжимать изображения элементов инфоблока»

WebP
При создании WebP, модуль создает дополнительный файл. Это позволяет не тратить ресурсы сервера (ЦП и память) на конвертацию при каждой загрузке страницы, что хорошо сказывается на общем быстродействии. Также это необходимо, т.к. не все браузеры поддерживают этот формат. У ваших товаров и других элементов в админке, вы будете видеть оригинальные файлы JPG и PNG, но пользователям показывается WebP.

Поиск изображений по нестандартными HTML-тэгам и атрибутам
В большинстве случаев, все изображения на странице модуль находит и конвертирует в WebP без сложных настроек.
При этом, для работы модуля с особым HTML-кодом предусмотрена специальная опция "Регулярные выражения (regexp) для дополнительного поиска и конвертации изображений в WebP" в разделе "Настройки WebP". Например, для конвертации от одного до трёх изображений, заданных у любого тэга в атрибуте "data-srcset" в формате перечисления через запятую, можно в настройках модуля указать такие регулярные выражения:

data-srcset="[^"]*,([^",]+)
data-srcset="[^",]*+,([^",]+)
data-srcset="([^",]*+)

Удобный инструмент для подготовки и тестирования регулярных выражений:
https://regex101.com/

Кроме того, за помощью в такой "особой" настройке модуля можете обращаться в нашу тех.поддержку.

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


ТЕСТИРОВАНИЕ РАБОТЫ МОДУЛЯ УСКОРЕНИЯ

Если вы видите, что на странице тестирования GooglePageSpeed оценочные показатели не улучшились или изменения незначительны, то, возможно, модуль настроен неправильно.
Проверьте следующие настройки.

Вкладка “Общие настройки модуля”
Качество WebP: оптимальное значение 85-90

Вкладка сайта
Убедитесь, что в поле “Модуль работает” выставлено значение “Для всех пользователей”.
В пункте “Преконнект внешних источников кода/контента” не рекомендуется выставлять все поля, выберите только те, которые необходимы (не более 3-ех).
После всех изменений настроек нужно их сохранить, нажав на кнопку внизу “Применить”.

ВАЖНО!
При первой загрузке страницы (после включения или изменения настроек модуля), время ожидания контента может немного вырасти. Это связано с тем, что модуль выполняет конвертирование изображений и сохраняет их в кеш. При повторном посещении страницы, она должна загружаться намного быстрее, чем в первый раз.
Поэтому замеры с помощью GooglePageSpeed нужно делать на второй загрузке страницы, когда оптимизация кода и изображений уже выполнена.

Совместимость с композитным режимом
Если на сайте включен режим “Автокомпозит”, то контент дополнительно кешируется и может отдаваться в обход модуля. Поэтому композитный режим, обычно, лучше включать уже после настройки модуля ускорения. При использовании композитного режима протестируйте скорость загрузки сайта в разных вариантах:
- модуль и автокомпозит включен
- модуль включен, автокомпозит выключен
- модуль выключен, автокомпозит включен

Особенности использования CDN
Модуль корректно работает при использовании CDN. Но при включении CDN для изображений (!), модуль не сможет конвертировать изображения в webp, так как страница будет загружать изображения с других серверов. Поэтому, обычно, отключение CDN для изображений улучшает показатели GooglePageSpeed.

Дополнительно
Включение модуля полностью решает предупреждение от GooglePageSpeed по поводу современных форматов изображений, а также улучшает оценки работы скриптов.

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


Поддержка
Техническая поддержка решения осуществляется по эл.почте support@adwex.ru.
Обычно, мы отвечаем в течение рабочего дня.

При обращении, пожалуйста, указывайте следующую информацию:
  • Адрес сайта
  • Доступы в административную часть
  • Конкретное описание проблемы, действия, которые приводят к некорректной работе, скриншот ошибки.
График работы тех. поддержки: пн-пт с 10:00 до 19:00

Другие решения разработчика

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки