Корзина
0
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)
Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.
24 Сентября 2020 15:27
6 Августа 2020 09:31
14 Июля 2020 11:28
14 Июля 2020 12:11
16 Июня 2020 11:22
16 Июня 2020 11:29
12 Июня 2020 14:25
Что нового
| 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. |
- Установите решение с Marketplace
- Перейдите в настройки решения
(Нажмите "Настройки" в верхней части экрана административной панели, в списке модулей выберите "InlineCSS, Preconnect, Preloading, FontDisplay") - В настройках рекомендую включить:
"Подключать Google Fonts инлайн", "Подключать внешние стили инлайн" и "Оптимизировать обрабатываемый css".
Заполните прочие необходимые настройки и сохраните - Сбросьте весь кеш (после сохранения настроек решение покажет подсказку по сбросу)
- Готово, настройка завершена
 |  |
Полезная информация и популярные вопросы:Технические требования:
- 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 поддержки, если ответа не поступает более суток, проверьте папку спам.
Другие решения разработчика
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-2020 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом.