Inline CSS для ускорения загрузки сайта и увеличения баллов Google PageSpeed

Inline CSS (инлайн цсс) для ускорения загрузки сайта - это решение для 1с-Битрикс, созданное для ускорения отображения сайта на всех типах  устройств пользователей и  положительно влияющее на оценку скорости и параметры сайта в Google  PageSpeed Insights.Механизм решения основан на снятии блокировки загрузки страницы CSS-стилями в шапке сайта без изменения файлов вашего сайта и искажения отображения.Если выражаться терминами сервиса PageSpeed модуля устраняет проблему  "Устраните ресурсы, блокирующие отображение" и уменьшает  влияние от "Удалите неиспользуемый код CSS".Работа модуля заключается в снятии блокировки загрузки страницы стилями это позволяет значительно ускорить отображение страницы на экране пользователя. С использованием загрузки css инлайн кодом, страница может быть отображена еще до полной загрузки и отработки Javascript. Особенно четко эффект заметен на мобильных устройствах.Увеличение баллов в PageSpeed является не самоцелью, а последствием ускорения отображения страницы за счёт работы модуля. Простая установка и настройкаМодуль работает "На лету", исходные файлы не редактируютсяРабота модуля полностью безопаснаОбрабатываемые CSS-стили оптимизируютсяПоддерживается работа с Google FontsПоддерживаются внешние таблицы стилейОбрабатываемый модулем CSS оптимизируется - удаляются комментарии, переносы, лишние пробелы и прочие, не несущие ценности, символыКорректно работает на пк, смартфоне и планшетеПоддерживает механизм многосайтовостиОдинаково хорошо работает с кодировками UTF-8 и Windows-1251Использует стабильные события и работает на большинстве версий 1с-БитриксПоддерживает композитный и автокомпозитный режимДля дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:- Модуль Отложенной загрузки изображений, решающий проблему блокировки страницы стилями - смотреть карточку решения- Модуль Сжатия HTML, уменьшающий вес отдаваемых html-страниц - смотреть карточку решения

Inline CSS для ускорения загрузки сайта и увеличения баллов Google PageSpeed

от Голубев Артур

Купить: 1 590 1 272 руб.

Попробовать (7 дней) Онлайн-демо

Акция действительна по 31 мая 2020

• Описание
• Отзывы (7)
• Обсуждения (16)
• Что нового
• Установка
• Поддержка

Описание

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

Опубликовано:

03.04.2019

Обновлено:

13.03.2020

Версия:

1.3.0

Установлено:

500 - 999 раз

Подходящие редакции:

«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес», «Интернет-магазин + CRM»

Адаптивность:

Да

Поддержка Композита:

Да

Совместимо с Сайты24

Нет

Описание

Inline CSS (инлайн цсс) для ускорения загрузки сайта - это решение для 1с-Битрикс, созданное для ускорения отображения сайта на всех типах  устройств пользователей и  положительно влияющее на оценку скорости и параметры сайта в Google  PageSpeed Insights.

Механизм решения основан на снятии блокировки загрузки страницы CSS-стилями в шапке сайта без изменения файлов вашего сайта и искажения отображения.

Если выражаться терминами сервиса PageSpeed модуля устраняет проблему  "Устраните ресурсы, блокирующие отображение" и уменьшает  влияние от "Удалите неиспользуемый код CSS".

Работа модуля заключается в снятии блокировки загрузки страницы стилями это позволяет значительно ускорить отображение страницы на экране пользователя. С использованием загрузки css инлайн кодом, страница может быть отображена еще до полной загрузки и отработки Javascript. Особенно четко эффект заметен на мобильных устройствах. Увеличение баллов в PageSpeed является не самоцелью, а последствием ускорения отображения страницы за счёт работы модуля.

• Простая установка и настройка
  
• Модуль работает "На лету", исходные файлы не редактируются
  
• Работа модуля полностью безопасна
  
• Обрабатываемые CSS-стили оптимизируются
  
• Поддерживается работа с Google Fonts
  
• Поддерживаются внешние таблицы стилей
  

Обрабатываемый модулем CSS оптимизируется - удаляются комментарии, переносы, лишние пробелы и прочие, не несущие ценности, символы

• Корректно работает на пк, смартфоне и планшете
  
• Поддерживает механизм многосайтовости
  
• Одинаково хорошо работает с кодировками UTF-8 и Windows-1251
  
• Использует стабильные события и работает на большинстве версий 1с-Битрикс
  
• Поддерживает композитный и автокомпозитный режим
  

Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:

- Модуль Отложенной загрузки изображений, решающий проблему блокировки страницы стилями - смотреть карточку решения

- Модуль Сжатия HTML, уменьшающий вес отдаваемых html-страниц - смотреть карточку решения

Отзывы (7)

Обсуждения (16)

Обсуждения (16 )

Авторизуйтесь, чтобы оставить отзыв или задать вопрос разработчику.

Лана 8 Мая 2020 10:50

Тестирую 2 модуля "Отложенная загрузка изображений" и Inline CSS.После установки первого показатели гугл +40, после установки второго -15.
Что порекомендуете?

Артур Голубев (разработчик) 8 Мая 2020 11:13

Лана, Приветствую! Нужно тестирование на нескольких типах страниц с изучением параметров, без этого увы ничего подсказать невозможно - пришлите на почту поддержки me@arturgolubev.ru адрес сайта и доступы к админке. Погляжу-поменяю

+ 40 от отложенной загрузки подозрительно много (обычно решение проблемы отложенной загрузки даёт намного меньше), вполне возможно глюк pagespeed. Но для точной информации нужна диагностика и тестирование

Михаил Судоргин 21 Апреля 2020 16:10

Да, мы купили уже  модуль Inline CSS и модуль сжатия HTML, по ним эффект виден и понятен сразу, достаточно код обработанной на лету страницы посмотреть. По картинкам пока не решен вопрос, потому что я уже все картинки сжал до предела, особо не увидел эффекта.

По нагрузке понял, посмотрю более внимательно, если что, обращусь. Отладка в чём может заключаться?

Артур Голубев (разработчик) 21 Апреля 2020 16:26

Михаил Судоргин, Думаю тут подойдет простой алгоритм действий - отключаете одно отслеживаемое решение, сбрасываете весь кеш сайта, смотрите нагрузку следующие 24 часа. Потом включаете, обязательно сбрасываете кеш и снова замеряете нагрузку в следующие 24 часа.

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

Михаил Судоргин 21 Апреля 2020 02:54

Добрый день.
Установил модули Inline CSS, ленивый загрузчик для картинок  и модуль сжатия HTML, а также включил композитный сайт от Битрикса.  Сразу в 3 раза увеличилась нагрузка на процессор на сервере, сужу по статистике его использования. Пока не понял, что именно явилось причиной, разбираюсь. Есть предположение, что именно может так грузить процессор?

Артур Голубев (разработчик) 21 Апреля 2020 09:17

Михаил Судоргин, Приветствую!
InlineCSS и HTMLcompressor почти не едят ресурса.

Из этой тройки более-менее нагрузку может оказывать только отложенная загрузка первой версии (у меня два решения по отложенной загрузке, второе намного более производительное и технологичное)

Вообще на данный вопрос без отладки не совсем корректно отвечать, точный ответ можно дать только после отладки (отключать-следить, включать-следить). Напишите на почту поддержки me@arturgolubev.ru - попробую разобраться

Андрей Чикалев 19 Апреля 2020 17:36

После установки модуля и проверки его в PageSpeed Insights выходит ошибка:

Lighthouse returned error: NO_FCP. При записи трассировки для вашей страницы произошла ошибка. Перезапустите Lighthouse. (NO_FCP)

А потом сайт просто выдает белый экран.

Артур Голубев (разработчик) 20 Апреля 2020 08:56

Андрей Чикалев,
Добрый день!
С подобной ошибкой не сталкивался, пришлите адрес сайта и доступы к админке на почту поддержки me@arturgolubev.ru

Дмитрий Першин 30 Января 2020 12:33

Отличное решение. Потестил. После установки и настройки модуля и самого битрикс получил значение на мобильных 90, а на пк - 100%. Значит, что модуль показывает свою эффективность, а цена вообще подарок. (P.S. Артур, потестил Ваши другие решения и хочу сказать только одно - ПОКУПАЮ)

Артур Голубев (разработчик) 30 Января 2020 12:35

Дмитрий Першин, Рад это слышать, спасибо!)

1 - 5 из 16

Назад12...4Вперед

Что нового

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. Перейдите в настройки решения (Нажмите "Настройки" в верхней части экрана административной панели, в  списке модулей выберите "Inline CSS")
   
3. В настройках рекомендую включить: "Подключать Google Fonts инлайн", "Подключать внешние стили инлайн" и "Оптимизировать обрабатываемый css". Сохраните настройки
   
4. Сбросьте весь кеш (после сохранения настроек решение покажет подсказку по сбросу)
   
5. Готово, настройка завершена
   

Полезная информация и популярные вопросы:

• Проверка работы модуля
  
• Как уменьшить вес кеша решения
  
• Отключение модуля на определенных страницах
  

Технические требования:

• 1с-Bitrix версии 14.5 и старше
  
• PHP версии 5.6 или выше
  
• Параметр PHP allow_url_fopen = 1 (для работы с внешними стилями)
  

При необходимости бесплатно помогу с установкой и отвечу на вопросы. Пишите на почту поддержки - me@arturgolubev.ru

Поддержка

Полезная информация и часто задаваемые вопросы:

• Решение покупается единожды?
  
• Как оплатить решение по счёту?
  
• Продление демо-периода решения
  
• Не пришел ключ после оплаты
  
• Как активировать ключ после покупки
  
• После активации ключа остался статус "Демо-режим"
  
• Сообщение о подозрительных файлах от reg.ru
  

Для получения технической поддержки пишите на почту - me@arturgolubev.ru При обращении в техническую поддержку обязательно указывайте: 1. Ваш вопрос / Подробное описание проблемы. Постарайтесь максимально подробно описать проблему и укажите какие действия нужно произвести для её обнаружения. Скриншоты приветствуются. 2. Адрес сайта и доступ к административный панели 3. FTP - доступ (более безопасный протокол доступа, позволяет быстрее найти проблему) Регламент работы технической поддержки - http://arturgolubev.ru/knowledge/course1/lesson30/

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

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

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

Умный поиск с исправлением ошибок в запросе и подсказками 3 990 руб. 3 192 руб. 11

Электронная коммерция для Яндекс.Метрики, Google Analytics и Facebook (Ecommerce) 3 990 руб. 3 192 руб. 5

Отложенная загрузка изображений 2.0 для ускорения загрузки сайта и Google PageSpeed 2 490 руб. 1 992 руб. 2

Оптимизация и сжатие HTML для уменьшения веса страниц сайта 1 000 руб. 5

Мессенджеры и социальные сети для быстрой связи с клиентом 1 000 руб. 2

Мессенджеры и социальные сети (встраиваемый блок) 1 000 руб.

Сообщение об успешной регистрации с логином и паролем 1 000 руб. 2

Защита контента сайта от копирования 2.0 1 000 руб. 4

Маска ввода номера телефона с выбором страны 1 990 руб. 1 592 руб.

Маска ввода номера телефона в 1 клик 1 000 руб. 3

Сообщение для посетителей в 1 клик 1 000 руб. 1

Динамический ремаркетинг Google Adwords 3 490 руб. 2 792 руб. 1

Ускорение обмена с 1с (оптимизация времени и ресурсов выгрузки) 1 890 руб. 1 512 руб. 1

Блокировка смены символьного кода 1 000 руб.

Экспорт каталога товаров в Google Merchant и Facebook (автоматическая выгрузка) 1 000 руб. 11

Уведомление об использовании cookie-файлов (куки) в 1 клик 1 000 руб. 2

HTTPS SSL помощник (редирект, каноническая ссылка, смешанный контент) 1 000 руб.

Экспорт каталога товаров в Bitrix24 2 000 руб.

Статистика отправки Email Бесплатно 1

Кнопки поделиться в социальный сетях Бесплатно 6

Новогодние украшения для сайта в 1 клик Бесплатно 5

Лайки для страницы, товара, статьи Бесплатно

Калькулятор ипотеки от DomClick для сайта Бесплатно

Mobile Detect - определение устройства из PHP Бесплатно

еще 20 решений