Ускорение загрузки сайта + оптимизация для Google PageSpeed Insights

от Голубев Артур

Купить: 2 975 руб Тестировать (7 дней) Онлайн-демо

Скриншоты

/upload/resize_cache/iblock/f0c/250_250_2/s1.png

/upload/resize_cache/iblock/c86/250_250_2/s2.png

/upload/resize_cache/iblock/8f0/250_250_2/s3.png

/upload/resize_cache/iblock/25a/250_250_2/s4.png

/upload/resize_cache/iblock/020/250_250_2/s5.png

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

Дата публикации:

03.04.2019

Дата обновления:

31.05.2022

Версия:

4.4.0

Адаптивность:

Да

Поддержка композита:

Да

Число установок:

Более 1000 раз

Совместимые редакции

Описание

"Ускорение загрузки сайта + оптимизация для 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-страниц - смотреть карточку решения

В целях безопасности и удобства работы с модулем в режиме Администратора замена CSS не производится.

Эффект от решения на каждом сайте сугубо индивидуален.

Решение исправляет описанные проблемы, но Pagespeed всегда по разному реагирует на исправление проблем. На разных проектах может прирости абсолютно разное количество баллов на схожих страницах. Даже в рамках одного сайта на разных страницах разница в баллах обычно отличается. (Эффект определяется влиянием проблем, которые исправляет решение и наличием более значимых по мнению Pagespeed проблем)

Именно поэтому настоятельно рекомендую тестировать решение в демо-режиме до покупки