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

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

Продолжительность:
Общая сумма:
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 + CSS", уменьшающий вес отдаваемых html-страниц - смотреть карточку решения

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

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

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

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

Опубликовано:
03.04.2019
Обновлено:
24.03.2021
Версия:
3.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 + CSS", уменьшающий вес отдаваемых html-страниц - смотреть карточку решения
Отзывы (9)

Обсуждения (31)
1 - 5 из 31
Что нового
3.1.1 (24.03.2021) Исправление ошибок в демо версии
3.0.1 (23.03.2021) Новый режим работы со стилями: Объединение (пока в бета режиме)
Устранена настройка "Максимальный вес файлов подключамых в inline-виде" как бесполезная
Опция оптимизации Google Fonts объединена с опцией внешних стилей
Интерфейсные улучшения
3.0.0 (25.02.2021) Глобальный рефакторинг кода и улучшение производительности решения
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 не производится.

Эффект от решения на разных сайтах обычно отличается.

Решение стабильно исправляет указанные в описании проблемы, но pagespeed всегда по разному реагирует на это в баллах - даже в рамках одного сайта на разных страницах разница в баллах обычно отличается. На каких то сраницах хороший плюс, на каких то может остаться так же. Именно по этому настоятельно рекомендую до покупки тестировать решение в демо-режиме.

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


Полезная информация и популярные вопросы:Технические требования:
  • Битрикс версии 15.5 и старше
  • PHP версии 5.6 или выше
  • Параметр PHP allow_url_fopen = 1 (для работы с внешними стилями)
Поддержка
▷   Проблемы с установкой в демо-режиме (попробовать)
▷   Продление демо-периода решения
▷   Решение оплачивается единоразово?
▷   Как оплатить решение через рассчётный счёт?
▷   После оплаты заказа на почту не пришел ключ
▷   Инструкция по активации ключа + Видео
▷   После активации ключа остался статус "Демо-режим"
▷   Хостинг считает файлы подозрительными. Почему?



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

Перед обращением в поддержку рекомендую сделать "Проверку системы" в админке сайта, т.к. 35% обращений решаются исправлением ошибок которые она находит.

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

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

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

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

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

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


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

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

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

еще 22 решения

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

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