«Ускорение загрузки сайта + оптимизация для Google PageSpeed Insights»: модуль для 1С-Битрикс
Разработчиком данного модуля является Голубев Артур
- Подходящие редакции 1С-Битрикс: Первый сайт, Старт, Стандарт, Эксперт, Малый бизнес, Бизнес
- Включает в себя: Модуль
- Категории: Для разработчиков, Инструменты, SEO, Маркетинг, реклама, Другое
- Название компании-партнера: Голубев Артур
- Последняя версия: 4.3.0
- Дата обновления: 14.05.2022
- Дата публикации: 03.04.2019
- Число установок: Более 1000 раз
- Адаптивность: Да
- Поддержка композита: Да
- Совместимо с Сайты24: Нет
"Ускорение загрузки сайта + оптимизация для Google PageSpeed Insights" - это решение для 1с-Битрикс, ускоряющее отображение сайта на всех типах устройств и положительно влияющее на баллы, скорость и параметры загрузки сайта в Google PageSpeed Insights.
Обзор возможностей решения в видео-формате: youtube.com
Увеличение баллов в PageSpeed является не самоцелью, а последствием ускорения отображения страницы за счёт её оптимизации решением.
1. Оптимизация css-стилей сайта
Решение оптимизирует работу таблиц стилей, сокращает время отображения страницы. Стили объединяются в один файл и оптимизируются - как следствие уменьшается вес стилей и количество подключений. Решение оптимизирует не только стандартные стили сайта, но и внешние - например Google Fonts. Сохраняет, оптимизирует и подключает их локально.
Оптимизация стилей устраняет проблему "Устраните ресурсы, блокирующие отображение" в PageSpeed.
2. Оптимизация изображений
Решение конвертирует изображения в современный формат WebP, позволяющий значительно сократить вес изображений и ускорить работу браузера с изображениями.
Оптимизация изображений устраняет или уменьшает проблемы "Используйте современные форматы изображений" и "Настройте эффективную кодировку изображений" в PageSpeed.
3. Оптимизация JavaScript и счётчиков
В последних версиях решения добавился функционал работы с JavaScript - теперь вы можете отложить выбранные скрипты до загрузки страницы или до взаимодействия пользователя с сайтом
Решение исправляет проблему "Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке" в PageSpeed.
4. Font-display
Решение имеет механизм автоматической установки font-display: swap для шрифтов.
Использование font-display устраняет проблему "Настройте показ всего текста во время загрузки веб шрифтов" в PageSpeed
5. Preconnect и Preloading
С помощью решения можно через настройки установить preconnect (предсоединения), preloading (предзагрузки) без редактирования кода сайта
Использование preloading устраняет проблему "Настройте предварительную загрузку ключевых запросов" в PageSpeed
6. Удаление стандартного OpenSans
Битрикс актуальных версий автоматически подключает шрифт OpenSans - если он вам не нужен, с помощью решения можно удалить данное подключение и сэкономить несколько килобайт загрузки
| ▷ | Простая установка и настройка | |
| ▷ | Решение не редактирует исходные файлы проекта | |
| ▷ | Обрабатываемые css-стили оптимизируются и сжимаются | |
| ▷ | Поддерживается работа с Google Fonts и внешними стилями | |
| ▷ | Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight | |
| ▷ | Умеет удалять подключаемый из ядра битрикса Open Sans | |
| ▷ | Оптимизирует работу с JavaScript и счётчиками |
| ▷ | Отдельные настройки для каждого сайта по многосайтовости |
| ✔ | Корректно работает на пк, смартфоне и планшете | |
| ✔ | Поддерживает механизм многосайтовости | |
| ✔ | Одинаково хорошо работает с кодировками UTF-8 и Windows-1251 | |
| ✔ | Использует стабильные события и работает на большинстве версий 1с-Битрикс | |
| ✔ | Поддерживает композитный и автокомпозитный режим | |
| ✔ | Корректно работает с большинством готовых решений (Аспро, Digital Web, Intec и т.д.) и на сайтах с уникальным дизайном |
Дополнительные рекомендации:
Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:
- Решение "Отложенная загрузка картинок, видео и фоновых изображений", решающее проблему "Отложите загрузку изображений" - смотреть карточку решения
- Решение "Оптимизация и сжатие HTML + CSS", уменьшающее вес отдаваемых html-страниц - смотреть карточку решения
