Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!

Я согласен с условиями активации продлений
Продлить
Продолжить покупки

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

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-страниц - смотреть карточку решения

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

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

Акция действительна по 8 ноября 2020
Скриншоты
Описание

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

Опубликовано:
03.04.2019
Обновлено:
24.09.2020
Версия:
2.1.1
Установлено:
Более 1000 раз
Подходящие редакции:
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес», «Интернет-магазин + CRM»
Адаптивность:
Да
Поддержка Композита:
Да
Совместимо с Сайты24
Нет

Описание


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-страниц - смотреть карточку решения
Отзывы (8)
Обсуждения (21)
1 - 5 из 21
Что нового
2.1.1 (24.09.2020) Улучшены алгоритмы оптимизации css, добавлено вырезание шрифта OpenSans, подключаемого битриксом
2.1.0 (06.08.2020) Улучшение работы решения. Добавлена поддержка font-display (пока в бета режиме)
2.0.2 (12.06.2020) Небольшой фикс
2.0.1 (12.06.2020) Решение расширяет функционал: Добавлена поддержка preloading и preconnect
Улучшена синергия с другими решениями
Улучшено кеширование
1.3.0 (13.03.2020) Повышение производительности
1.2.2 (04.03.2020) Небольшие улучшения
1.2.1 (25.01.2020) Значительно улучшена оптимизация CSS
1.1.9 (13.01.2020) Добавлен функционал исключений
1.1.8 (24.12.2019) Небольшие улучшения
1.1.7 (26.10.2019) Исправление работы с CDN, небольшое улучшение работы с кешем
1.1.6 (01.09.2019) Небольшие исправления
1.1.5 (31.07.2019) Техническое обновление
1.1.4 (13.06.2019) Небольшие исправления
1.1.3 (12.06.2019) Оптимизация алгоритмов
1.1.2 (29.05.2019) Оптимизация скриптов модуля, добавлено кеширование обработки стилей сайта
1.1.1 (07.05.2019) Улучшение работы с внешними стилями и google fonts
1.1.0 (13.04.2019) Небольшие доработки
1.0.6 (13.04.2019) Добавлена возможность инлайн подключения внешних стилей и Google Fonts
1.0.5 (04.04.2019) Добавлена опция "Удалять из css пробелы, переносы и комментарии". Стили с атрибутом media="print" теперь игнорируются.
Установка

В целях безопасности и удобства работы с модулем в режиме администратора замена 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 (для работы с внешними стилями)
Поддержка
▷   Проблемы с установкой демо-режима (попробовать)
▷   Продление демо-периода решения
▷   Решение покупается единожды?
▷   Как оплатить решение по счёту?
▷   Не пришел ключ после оплаты
▷   Как активировать ключ после покупки + Видео
▷   После активации ключа остался статус "Демо-режим"
▷   Сообщение о подозрительных файлах от reg.ru
▷   Гаджет Marketplace Watcher



Для получения технической поддержки пишите на почту: me@arturgolubev.ru

При обращении в техническую поддержку укажите:

1. Подробное описание проблемы
Постарайтесь  максимально подробно описать проблему и укажите какие действия нужно  произвести для её обнаружения. Скриншоты приветствуются.

2. Решение с которым связана проблема

3. Адрес сайта

4. Доступы к административный панели (Логин и Пароль)

5. FTP или SFTP доступ (Хост, Логин, Пароль и Порт, если он не стандартный)

Подробнее о технической поддержке решений и регламент работы - https://arturgolubev.ru/knowledge/course1/


Я отвечаю на все вопросы поступающие на email поддержки, если ответа не поступает более суток, проверьте папку спам.


Лицензионное соглашение

Другие решения разработчика

еще 23 решения

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки