Корзина
0
Inline CSS, Preloading, Preconnect для ускорения загрузки и увеличения баллов PageSpeed
Скриншоты
Описание
Технические данные
- Опубликовано:
- 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)
Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.
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/
Другие решения разработчика
1С-Битрикс
http://www.1c-bitrix.ru
Бесплатная линия
8-800-250-18-60
Общие вопросы
info@1c-bitrix.ru
Приобретение и лицензирование продуктов:
sales@1c-bitrix.ru
Маркетинг/мероприятия/PR
marketing@1c-bitrix.ru
Партнерская программа
partners@1c-bitrix.ru
Мы работаем с 10:00 до 19:00 по московскому времени.
Офис в Москве
+7 (495) 229-14-41
Офис в Москве
127287
Россия
Московская область
Москва
2-я Хуторская улица дом 38А строение 9
Офис в Калининграде
+7 (4012) 51-05-64
Офис в Калининграде
236001
Россия
Калининградская область
Калининград
Московский проспект 261
Офис в Киеве
ukraine@1c-bitrix.ru
Телефон в Киеве
+3 (8044)221-55-33
Офис в Киеве
01033
Украина
Калининградская область
Киев
улица Шота Руставели 39/41
офис 1507
© 2001-2021 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом.