Inline CSS в 1 клик (Инлайн CSS Google Page Speed)

Маркетплейс
Маркетинг, реклама
Inline CSS в 1 клик (Инлайн CSS Google Page Speed)

Inline CSS, Preloading, Preconnect для ускорения загрузки и увеличения баллов PageSpeed

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

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

Скриншоты

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

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

03.04.2019

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

24.09.2020

Версия:

2.1.1

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

Да

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

Да

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

Более 1000 раз

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

Описание

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, уменьшающий вес отдаваемых html-страниц - смотреть карточку решения

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

Эффект от модуля на разных сайтах может отличаться:

По большей степени он определяется двумя факторами: весом css-стилей и значимостью проблемы блокировки страницы стилями в шапке. Чем меньше вес стилей и чем больше задержка от блокировки страницы - тем выше вы получите прибавку в PageSpeed.

Установите решение с Marketplace
Перейдите в настройки решения
(Нажмите "Настройки" в верхней части экрана административной панели, в списке модулей выберите "InlineCSS, Preconnect, Preloading, FontDisplay")
В настройках рекомендую включить:
"Подключать Google Fonts инлайн", "Подключать внешние стили инлайн" и "Оптимизировать обрабатываемый css".
Заполните прочие необходимые настройки и сохраните
Сбросьте весь кеш (после сохранения настроек решение покажет подсказку по сбросу)
Готово, настройка завершена