Apriori Optimizer: Ускорение, контроль и оптимизация

Wеbp для изображений с генерацией вручную и по расписанию
Управление качеством сжатия webp
Уменьшение веса изображений
Отложенная загрузка скриптов и css
Приоритезатор загрузки изображений и скриптов
Lazyload изображений
Lazyload видео
Критический css
Поиск больших файлов. Такие файлы могут мешать быстрой загрузке страниц и, как следствие, SEO оптимизации
Проверка свободного места на диске
Очистка неиспользуемых файлов. Очистка сайта от неиспользуемых изображений - удаление сразу или с предварительным сохранением в отдельной папке архива
Сжатие html для ускорения
Минификация jss и css
Отложенная загрузка Google шрифтов
Preconnect внешних скриптов
Проверка сервера
Автопилот для очистки кеша по расписанию
Ускорение очистки брошенных корзин
Отключение служебных файлов ядра
Комфорт+: быстрый просмотр элементов инфоблока
Дополнительные ручные проверки

Почему Optimizer

Простое управление
Совместимо с популярными решениями и шаблонами от разработчиков
Умеет работать в фоне, снижая нагрузку
Проверено на работе сайта с 500000 изображений
Ручная настройка и автоматическая работа по расписанию
Выбор качества сжатия
Сохранение файлов перед очисткой
Выключение / выключение парой кликов
Встроенные конверторы. автоматически использующие доступный на сервере
Автоматическая конвертация Webp
Разработано с учётом особенностей системы Битрикс
Поддержка разных разрешений
Работает с кешированием и композитом
Высокая устойчивость к нагрузкам
Совместимо с php 8
Наличие тестового периода
Простая активация оптимизаций несколькими кликами
Поддержка многосайтовости с настройкой для каждого сайта
Улучшенный более быстрый алгоритм поиска неиспользуемых файлов
Оптимизировано не только под Google PageSpeed, но и для пользователей

Как купить решение: https://aprioricorp.ru/catalog/modules/apriori-optimizer/

Установка решения

1. Активировать купон решения в админпанели 1С-Битрикс «Marketplace-Обновление решений-Активация купона» (http://вашдомен/bitrix/admin/update_system_partner.php?lang=ru). Введите код купона и нажмите «Активировать купон».
(Как получить купон? Купон приходит автоматически на почту после покупки решения.)

Для установки в демо-режиме перейдите на страницу «Маркетплейс-Каталог решений» (https://вашдомен/bitrix/admin/update_system_market.php?category=7&lang=ru)
Найдите решение и нажмите «Тестировать».

2. Перейти (http://вашдомен/bitrix/admin/partner_modules.php и нажать «Установить» для решения.

3. После установки настройте решение на странице настроек решения https://вашдомен/bitrix/admin/settings.php?lang=ru&mid=apriori.optimizer

Рекомендации:

Перед установкой или любым обновлением решений делайте резервную копию.

Настройка

Начало работы

Откройте страницу решения, выбрав его в Настройках.

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

Обратите внимание на показатели, выделенные красным. Их желательно исправить.

Что сделать в первую очередь

Проверить место
Сделать резервную копию сайта
Выполнить минификацию css на вкладке «Ускорение кода»
Выполнить минификацию js на вкладке «Ускорение кода»
Включить сжатие html на вкладке «Ускорение кода»
Включить генерацию webp на вкладке «Webp и медиа»
Включить preconnect для Яндекс Метрики на вкладке «Ускорение кода»
Перенести и отложить счетчики аналитики на вкладке «Ускорение кода»
Проверить показатели на вкладке «Сервер»
Проверить и удалить неиспользуемые файлы на вкладке «Очистка файлов»
Выполнить дополнительные проверки по чек-листу вкладки «Ручные проверки»
Замерить скорость. Затем выполнить другие настройки при необходимости

Основные вкладки решения

Сводка
Быстрый просмотр основных показателей сайта.

Контроль места
Помогает узнать занятое и свободное место на сервере, а также посмотреть размер папок сайта.

Очистка файлов
Поможет найти неиспользуемые устаревшие изображения инфоблоков в папке upload и удалить их при необходимости.

Поиск больших файлов
Найдет файлы, которые больше заданного размера.

Ускорение кода
Здесь можно сжать скрипты или отложить их выполнение.

Webp и медиа
Включение конвертации webp, настройка отложенных работы и приоритетности загрузки для изображений.

Автопилот
Настройте автоматическую очистку кеша или очистку брошенных корзин.

Сервер
Покажет в полуавтоматическом режиме основные параметры и отметит красным, на какие необходимо обратить внимание.

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

Webp изображения

При первом запуске для ускорения конвертации нажмите «Перегенерировать Webp для изображений» на вкладке «Webp и медиа» настроек модуля.
Выберите способ дальнейшей конвертации. Доступны 3 способа: «На лету», «По расписанию», «При загрузке изображения». Можно выбрать все три способа сразу.
Выберите какие расширения файлов конвертировать. Обычно целесообразно использовать все три: jpg, png, jpeg.
Включите чекбокс «в настройках модуля».

Качество сжатия

Качество сжатия - параметр от 1% (худшее качество) до 100% (наилучшее качество). Установка слишком большого значения приведет к созданию излишне больших файлов при конвертации. Установка слишком маленького значения приведет к ухудшению качества фото.

Обычно используют значения в интервале от 40 до 70 - точную цифру для своего сайта можно подобрать, выполнив конвертацию несколько раз и выбрав оптимальное значение.

Основные способы конвертации

«На лету» - проверит наличие webp для изображения. Если изображение найдено, то выведет его, а если нет, сконвертирует его при выводе страницы. При наличии большого количества новых изображений на странице это может привести к замедлению первого открытия страницы.

«По расписанию» - находит все изображения и конвертирует их в фоновом режиме.

«При загрузке файла» - производит конвертацию webp для новых файлов при их загрузке в инфоблок.

Оптимальные варианты:

Выбор всех трех способов одновременно.
Выбор только «По расписанию» - минимальная нагрузка при выводе страницы. но конвертация измененных и новых изображений с опозданием.
Выбор «По расписанию» и «При загрузке» - минимальная нагрузка при выводе страницы. но конвертация измененных изображений с опозданием.

Примечание: Не используйте способ «При загрузке», если Вы используете интеграцию с 1С, иначе это увеличит время импорта.

Сгенерированные файлы webp

Сгенерированные изображения webp хранятся в папке /upload/webp-apriori/, а также в стандартной папке Битрикса resize_cache.

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

Исключения и свои папки

Вы можете исключить из конвертации какие-либо директории. Тогда конвертор не будет искать в них файлы для конвертации. Если для хранения фото вы используете нестандартные папки (например media в корне сайта) - вы можете добавить такие папки в конвертацию в соответствующем поле.

Как переконвертировать webp с другой степенью сжатия

Если вы уже используете webp (сгенерировали по расписанию, на лету или запустив генерацию вручную) и хотите перегенерировать изображения с другой степенью сжатия:

Измените значения сжатия в настройках модуля.
Нажмите «Сохранить».
Очистите кеш сайта (стандартно для 1С-Битрикс).
Нажмите «Удалить сгенерированные Webp» в настройках модуля на вкладке «Webp и медиа».
Дождитесь удаления. Затем нажмите «Сгенерировать изображения Webp».

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

Удаление webp

Для удаления cгенерированныx файлов удалите папку /upload/webp-apriori/.

В модуле реализован принцип гибридной взаимосвязи «изображения-webp-кеш». Оригинальные изображения - модуль не меняет, сконвертированные webp - сохраняются отдельно, а кеш/resize_cache - сохраняется независимо в стандартной папке Битрикса. Это позволяет минимизировать количество конвертаций и избежать периода недоступности картинок после очистки кеша. При очистке кеша он удаляется стандартным для Битрикса способом. А оригинальные и сконвертированные изображения не затрагиваются.

Что делать, если перегенерация Webp не работает

Ускорение кода

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

Обязательно сделайте резервную копию сайта перед началом работ!

Минификация css

Нажмите кнопку «Минифицировать css». На сервере будут созданы минифицированные копии всех файлов css с расширением .min.css.

Для ускорения сайта обязательно проверьте - в настройках главного модуля должны быть активны чекбоксы «Подключать минифицированные версии CSS и JS файлов».

Минификация js

Нажмите кнопку «Минифицировать js». На сервере будут созданы минифицированные копии всех файлов js с расширением .min.js.

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

Сжатие Html

Измените настройку «Минимизировать Html». Варианты настройки:

Нет. Минимизация не используется.
Да, но сохранить пробелы и переносы. Щадящий режим минимизации.
Да, максимально. В этом случае страницы сжимаются максимально. Если в коде используются некорректно закомменченный код, страница может отобразиться неправильно.

Отложенная загрузка

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

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

Исключения

Добавьте в соответствующее поле адреса скриптов, которые не надо откладывать. Если на сайте используется jquery, то обычно это файлы.

Пример добавления исключения:
/bitrix/templates/js/lib/jquery-2.3.1.js
/bitrix/templates/js/lib/jquery-2.3.1.min.js

Поиск больших файлов

Для поиска больших файлов задайте размер в килобайтах, больше которого найти файлы. Например: 1000. Можно не задавать - по умолчанию ищутся файлы, превышающие 500 Кб. Нажмите кнопку «Поиск».

Поиск неиспользуемых файлов

Для поиска неиспользуемых файлов на вкладке «Очистка места» нажмите кнопку «Посмотреть неиспользуемые файлы». Модуль найдёт и выведет список файлов.

Проверяются только файлы, относящиеся к инфоблокам (папка /upload/iblock/).

На сайтах с больших количеством изображений проверка может занять некоторое время.

Удаление файлов

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

Резервная копия удаляемых файлов с сохранением уровней структуры вложенности их хранения будут сохранены в папке /upload/iblock_files_backup/. Мы рекомендуем обязательно активировать режим сохранения Резервное копии.

Нажмите кнопку «Удалить неиспользуемые файлы» для удаления. Подтвердите удаление.

Восстановление файлов

Что-то пошло не так? Необходимо скопировать содержимое папки /upload/iblock_files_backup/ в папку /upload/.

Проверка места

При открытии вкладки можно увидеть виджеты с показом свободного и занятого места на сервере.

Для проверки места, занятого сайтом, нажмите кнопку «Проверить место по папкам/директориям».

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

Ручные проверки

Проверьте свой сайт и сервер и отметьте чекбоксами выполненные проверки / настройки.

Это позволит не забыть про настройки и более прозрачно контролировать выполненные работы.

Данные настройки являются рекомендуемыми, но не обязательными.

Preconnect

Preconnect — это подсказка для браузера, которая позволяет ему заранее установить сетевое соединение с внешним доменом, где находятся ресурсы, которые понадобятся сайту в будущем, например, шрифты или элементы с других CDN. Это ускоряет загрузку страниц, так как браузеру не нужно тратить время на поиск DNS, установку соединения при первом запросе к этому домену.

Например, для Яндекс Метрики и Вебвизора необходимо задать:
https://mc.yandex.ru https://mc.webvisor.org

Проблемы и решения

Не работает webp

Убедитесь, что Вы НЕ авторизованы как Администратор сайта. Показ webp отключен для Администраторов сайта.
Проверьте настройки модуля - включен ли чекбокс «Использовать webp».
Попробуйте включить настройку конвертировать «На лету» и проверить появится ли webp.
Очистите кеш.
Проверьте в другом браузере. Webp не показывается в браузерах без его поддержки.
Уточните, установлена ли на сервере одна из библиотек работы с изображениями типа gd или imagick.

Если всё указанное не помогло - напишите нам в поддержку.

Ошибка None of the converters in the stack could convert the image

Сообщение об ошибке «Ни один из конвертеров не смог преобразовать изображение» означает, что процесс преобразования изображения не удался, поскольку ни один из доступных методов преобразования не смог успешно обработать изображение.

Наиболее распространённые причины этой ошибки:

Отсутствующие зависимости:
Ни одна из библиотек конвертации не установлена на сервере. Например, не установлена библиотека gd или imagemagick.

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

Ограничения ресурсов сервера:
В некоторых случаях процесс конвертации может завершиться неудачей из-за нехватки памяти или других системных ресурсов, особенно при работе с очень большими изображениями.

Не грузите на сервер изображения размером более 2Мб. Найти такие файлы поможет вкладка модуля «Поиск больших файлов».

Тормозит импорт из 1С

Отключите способ «При загрузке» в способах конвертации Webp на вкладке «Webp и медиа».
Независимо от модуля:

убедитесь, что сервер настроен оптимально;
проверьте настройки сброса тегированного кеша при импорте;
убедитесь, что вы не используете дополнительные обработчики;
отключите автогенерацию sitemap.xml при изменении элементов инфоблоков.

Не удалось открыть файл логов

Проверьте правильно ли сохранен адрес логов (путь, наличие лишних пробелов и слешей). Модуль умеет автоматически определять путь к файлу логов популярных хостингов. но в ряде случае необходимо добавить адрес в поле вручную.
Убедитесь , что в пути указан файл, а не только папка.
Возможно файл закрыт для чтения. Измените через ftp временно права на просмотр/чтение файлу. Обратите внимание - в некоторых случаях права меняются хостингом автоматически ежедневно при новом создании файла.

Вопрос-ответ

Доступен ли полный функционал на демо периоде?

Да, доступен полный функционал.

Почему сайт зависает при обновлении списка файлов?

Сайт обходит все файлы и это может занимать время. Вы получаете в итоге список или зависает без результата? Если без результата - напишите в нашу поддержку.

Как после удаления восстановить файлы?

При удалении необходимо активировать галку Включить бекап. Тогда копия удаленного сохранится в отдельной папке с сохранением путей. Для восстановления её содержимое надо перезалить в папку upload.

Нет ли способа выборочно удалить неиспользуемые файлы?

Выборочно автоматически удалить в текущей версии модуля нельзя.

В каких случаях модуль может быть бессилен довести показатели до 90-100 баллов?

<p>На сайте подключено jquery, допущены критические ошибки при разработке, используются медленные внешние подключения, большое количество свойств в инфоблоках.</p>

Перестанет ли модуль работать, если не оплачивать продление?

<p>Модуль продолжит работу.</p>

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

Да, выполняем работы по настройке сервера и сайта. Стоимость зависит от объема и видов работ. Напишите нам и мы ответим на ваши вопросы.

Можно ли попробовать, не покупая?

Да, используйте демо период для тестирования на сайте.

Как переконвертировать webp с другой степенью сжатия?

Измените значения сжатия в настройках модуля.
Нажмите «Сохранить».
Очистите кеш сайта (стандартно для 1С-Битрикс).
Нажмите «Удалить сгенерированные Webp» в настройках модуля на вкладке «Webp и медиа».
Дождитесь удаления. Затем нажмите «Сгенерировать изображения Webp».

Если модуль сжал картинки в webp, а я хочу сжать ещё раз с другой степенью сжатия, ухудшится ли качество или каждый раз сжимаются оригинальные изображения?

Повторно будут конвертироваться оригинальные изображения, а не уже сконвертированные. Это позволяет сохранять оригинальные изображения и не ухудшать качество при повторных конвертациях. Сконвертированные изображения webp хранятся отдельно и могут быть удалены, не затрагивая основные.