Авторизация
Корзина
0
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)
- Общая оценка:
- Всего отзывов:
- 9
Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.
21 ноября 2020 16:26
16 сентября 2020 12:22
3 марта 2020 19:16
3 сентября 2019 14:52
16 июня 2019 17:55
15 мая 2019 12:52
8 мая 2019 10:33
30 апреля 2019 21:57
28 апреля 2019 13:44
Обсуждения (31)
Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.
25 марта 2021 10:13
25 марта 2021 10:56
24 марта 2021 17:25
24 марта 2021 17:38
24 марта 2021 23:43
23 марта 2021 11:26
27 февраля 2021 13:35
1 марта 2021 10:25
27 февраля 2021 13:24
Что нового
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/