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

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