
Inline CSS, Preloading, Preconnect для ускорения загрузки сайта - это решение для 1с-Битрикс, ускоряющее отображение сайта на всех типах устройств пользователей и положительно влияющее на баллы, скорость и параметры загрузки сайта в Google PageSpeed Insights.
Механизм решения основан на снятии блокировки загрузки страницы CSS-стилями в шапке сайта без изменения файлов вашего сайта и искажения отображения. Дополнительно в решении есть функционал preconnect (предсоединения), preloading (предзагрузки) и возможность проставлять свойство font-display для шрифтов на лету.
В терминологии сервиса PageSpeed Insight решение устраняет проблемы:



Механизм работы решения основан на снятии блокировки загрузки страницы стилями это позволяет значительно ускорить отображение страницы на экране пользователя. С использованием загрузки css инлайн-кодом, страница может быть отображена значительно раньше полной загрузки и отработки Javascript. Особенно четко эффект заметен на мобильных устройствах.
Увеличение баллов в PageSpeed является не самоцелью, а последствием ускорения отображения страницы за счёт работы модуля. |

| ▷ | Простая установка и настройка |
| ▷ | Модуль работает "На лету", исходные файлы не редактируются |
| ▷ | Работа модуля полностью безопасна |
| ▷ | Обрабатываемые CSS-стили оптимизируются |
| ▷ | Поддерживается работа с Google Fonts |
| ▷ | Поддерживаются внешние таблицы стилей |
| ▷ | Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight |
| ▷ | Умеет удалять стандартный шрифт Open Sans, подключаемый из ядра битрикса |
Обрабатываемый модулем CSS оптимизируется - удаляются комментарии, переносы, лишние пробелы и прочие, не несущие ценности, символы |

| ✔ | Корректно работает на пк, смартфоне и планшете |
| ✔ | Поддерживает механизм многосайтовости |
| ✔ | Одинаково хорошо работает с кодировками UTF-8 и Windows-1251 |
| ✔ | Использует стабильные события и работает на большинстве версий 1с-Битрикс |
| ✔ | Поддерживает композитный и автокомпозитный режим |

Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:
- Модуль "Отложенная загрузка картинок, видео и фоновых изображений", решающий проблему "Отложите загрузку изображений" - смотреть карточку решения
- Модуль "Оптимизация и сжатие HTML + CSS", уменьшающий вес отдаваемых html-страниц - смотреть карточку решения