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

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

Скриншоты

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

Дата публикации:
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.

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


Полезная информация и популярные вопросы:Технические требования:
  • 1с-Bitrix версии 14.5 и старше
  • PHP версии 5.6 или выше
  • Параметр PHP allow_url_fopen = 1 (для работы с внешними стилями)

Установите этот модуль прямо сейчас!

Для этого укажите адрес сайта:

пример: http://www.site.ru
Inline CSS, Preloading, Preconnect для ускорения загрузки и увеличения баллов PageSpeed
Inline CSS, Preloading, Preconnect для ускорения загрузки и увеличения баллов PageSpeed
1 710 руб