Inline CSS в 1 клик (Инлайн CSS Google Page Speed)

Решение "Inline CSS в 1 клик" ускоряет отображение сайта на всех типах  устройств пользователей и  положительно влияет на оценку скорости и  поведения сайта в Google  PageSpeed Insights.Механизм решения основан на снятии блокировки загрузки страницы CSS-стилями в шапке сайта без изменения файлов вашего сайта и искажения отображения.Если выражаться терминами сервиса PageSpeed модуля устраняет проблему  "Устраните ресурсы, блокирующие отображение" и значительно уменьшает  влияние от "Удалите неиспользуемый код CSS".Увеличение баллов в PageSpeed является не самоцелью, а последствием работы модуля.Основное назначение модуля в ускорении первого отображения страницы, во время загрузки. Эффект хорошо виден на мобильных устройствах и проверяется таким способом: отключаем модуль, сбрасываем кеш и смотрим. Снова включаем, сбрасываем кеш и смотрим.p.s. перед проверкой нужно настроить модуль. Если настройки корректны - эффект будет заметен невооруженным глазом.Модуль работает "На лету", исходные файлы не редактируютсяРабота модуля полностью безопаснаОбрабатываемые CSS-стили оптимизируютсяПоддерживается работа с Google FontsПоддерживаются внешние таблицы стилейОбрабатываемый модулем CSS оптимизируется - удаляются комментарии, переносы и лишние пробелы.Простая установка в 1 кликГибкая настройкаПолностью безопасная работа с файламиРаботает с многосайтовостьюРаботает со всеми редакциями 1с-БитриксМодуль использует стабильные события и совсместим с большинством версий 1с-БитриксДля еще большего ускорения загрузки сайта Вы можете настроить отложенную загрузку изображений с помощью другого моего модуля - http://marketplace.1c-bitrix.ru/solutions/arturgolubev.lazyload/

Inline CSS в 1 клик (Инлайн CSS Google Page Speed)

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

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

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

Акция действительна по 31 августа 2019

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

Описание

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

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

03.04.2019

Обновлено:

31.07.2019

Версия:

1.1.5

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

100 - 499 раз

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

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

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

Да

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

Да

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

Нет

Описание

Решение "Inline CSS в 1 клик" ускоряет отображение сайта на всех типах  устройств пользователей и  положительно влияет на оценку скорости и  поведения сайта в Google  PageSpeed Insights.

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

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

Увеличение баллов в PageSpeed является не самоцелью, а последствием работы модуля. Основное назначение модуля в ускорении первого отображения страницы, во время загрузки. Эффект хорошо виден на мобильных устройствах и проверяется таким способом: отключаем модуль, сбрасываем кеш и смотрим. Снова включаем, сбрасываем кеш и смотрим. p.s. перед проверкой нужно настроить модуль. Если настройки корректны - эффект будет заметен невооруженным глазом.

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

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

• Простая установка в 1 клик
  
• Гибкая настройка
  
• Полностью безопасная работа с файлами
  
• Работает с многосайтовостью
  
• Работает со всеми редакциями 1с-Битрикс
  
• Модуль использует стабильные события и совсместим с большинством версий 1с-Битрикс
  

Для еще большего ускорения загрузки сайта Вы можете настроить отложенную загрузку изображений с помощью другого моего модуля - http://marketplace.1c-bitrix.ru/solutions/arturgolubev.lazyload/

Отзывы (5)

Общая оценка:

Всего отзывов:

5

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

Быков Сергей 16 Июня 2019 17:55

Крутой модуль

Второе решение от данного разработчика, в совокупности с "Ленивой загрузкой изображений" не хило так поднимает PageSpeed Insights, что по утверждением спецов в SEO благотворно скажется на продвижении сайта.

Рекомендую данного автора. Спасибо!

Кочуркин Денис 15 Мая 2019 12:52

Работающий модуль

Хороший работающий модуль, установка простая, а техподдержка всегда готова оперативно ответить на вопросы. Сайт действительно ускоряется по PageSpeedInsight.

Искандер Гюльмамедов 8 Мая 2019 10:33

Все встало на отлично.

Ничего не настраивал, просто установил +40 пунктов PageSpeed Insights. Спасибо.

Базилевский Олег 30 Апреля 2019 21:57

Весьма полезный модуль

Всё отлично работает. Поставил модуль на 2 сайта - оценки значительно повысились.
Замечательная техподдержка - помогли, когда неправильно установил купоны :)
В общем, рекомендую.

Терёхина Светлана 28 Апреля 2019 13:44

Я в восторге

Установила без проблем, после проверки пайчспид сайт прибавил 40 пунктов.Я в восторге.

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

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

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

Дмитрий 11 Июня 2019 13:31

Есть ли смысл в этом модуле?
Для примера: размер файлов css около 500 Кб, размер кода html 300 Кб.
На первом хите произойдет загрузка и кеширование css.
Со второго хита css уже не будут скачиваться.

В случае же с использованием вашего модуля 500Кб кода css будет вставляться  в <head> каждой страницы, тем самым посетителю вместо 300 Кб кода будет отдаваться в 2½ раза больше (800Кб) на каждом хите.

Артур Голубев (разработчик) 11 Июня 2019 14:53

Дмитрий, Добрый день. Определенно есть)

Данный модуль создан не для сокращения веса загружаемго трафика и CSS в частности. Он создан для максимально быстрого визуального отображения страницы при открытии.

Вкрадце - по стандартной схеме страница загружается так: происходит обращение к серверу, загружается HTML-код, идет анализ данных, затем перебираются все подключенные в шапке(<head>) стили и скрипты. Далее делаются запросы на сервер, страница дожидается ответа и только после этого происходит анализ стилей, скриптов. Происходит сборка и страница отображается.

При установленном модуле InlineCSS полностью убирается целый шаг запросов за скриптами на сервер и ожидания ответа. Идёт запрос на страницу, сразу идёт и вывод.

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

Когда я первый раз внедрял эту технологию, я удивился разнице отображения. которую видно невооруженным глазом без цифр. Когда без модуля у меня страница грузилась в районе 3х секунд, а после установки модуля - менее секунды.

Олег Базилевский 23 Апреля 2019 10:33

К предыдущему сообщению - имелся в виду вес css-селекторов, у инлайн он будет выше, чем, у подключенных через просто <li nk href />.
Т.е. интересует надо ли как-то специально стили подключать - через апи битрикса, например? Или модуль уже исходный html на выходе преобразует?

Артур Голубев (разработчик) 23 Апреля 2019 10:52

Олег Базилевский, Добрый день. Специально подключать стили не нужно - модуль работает и со стилями подключенными через апи, и c вписанными в html код link'ми. По весу css-селекторов - они остаются точно такими же как и в файле. К примеру внутри link'а ".catalog .catalogItem a.name" мы разворачиваем его и получаем точно такой же ".catalog .catalogItem a.name". Если у вас подключены минифицированные версии файлов - то именно с ними и будет происходить работа. Напишите пож-та на почту поддержки: me@arturgolubev.ru там я смогу более подробно ответить на ваши вопросы

Олег Базилевский 22 Апреля 2019 20:52

А не получится так, что подключаемые через инлайн-режим стили будут иметь больший вес, чем стили указанные просто в css и верстка полетит? Например, стили в шаблонах компонентов или подключенные вручную.

Артур Голубев (разработчик) 22 Апреля 2019 21:12

Олег Базилевский, Добрый вечер. В модуле несколько уровней защиты и проблем с версткой случиться не может. Модуль не редактирует ваши файлы, поэтому в любой момент вы можете отключить или удалить его и подключение стилей вернется к прежнему виду. Увеличение веса тоже крайне маловероятно - модуль как бы "разворачивает" ваши ссылки на css файлы в открытый вид.

radevich vitalik 18 Апреля 2019 22:57

Очень заинтересовал данный модуль в ближайшее время буду покупать.

Что нового

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-стилей и значимостью проблемы блокировки страницы стилями в шапке. Чем меньше вес стилей и чем больше задержка от блокировки страницы - тем выше вы получите прибавку в Google Page Speed.

1. Установите модуль с Marketplace. Модуль начинает работу сразу после установки
   
2. Для настроек перейдите в  административную панель, нажмите "Настройки" в верхней части экрана и в  списке модулей выберите "CSS Inliner"
   
3. По умолчанию рекомендую включить "Подключать Google Fonts инлайн", "Подключать внешние стили инлайн" и "Удалять из css пробелы, переносы и комментарии". После внесения настроек нажмите Сохранить
   
4. После первоначальной и последующих изменений настроек обязательно сбросьте весь кеш
   
5. Готово, настройка завершена. Алгоритм проверки модуля вы можете найти в видео и тут
   

Технические требования: 1с-Bitrix версии 14.5 и старше, PHP версии 5.6 или выше, Параметр php allow_url_fopen = 1


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

Поддержка

Ответы на часто задаваемые вопросы вы можете найти тут - arturgolubev.ru/learning/

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

При обращении в техническую поддержку обязательно указывайте:

1. Адрес сайта
   
2. Доступ к административной панели
   
3. FTP-доступ (позволяет быстрее найти проблему и более безопасен)
   

Все пожелания и возникшие проблемы с модулем присылайте на me@arturgolubev.ru - всегда рад помочь и улучшить функционал модуля

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

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

Smartik: умный поиск по сайту с обработкой ошибок в запросе 2 990 руб. 2 273 руб. 1

Электронная коммерция для Google и Яндекс в 1 клик (Ecommerce) 3 490 руб. 2 653 руб. 2

Ленивая загрузка изображений (LazyLoad для ускорения загрузки сайта) 1 990 руб. 1 513 руб. 3

Сжатие HTML (Оптимизация HTML для ускорения загрузки сайта) 1 000 руб. 1

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

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

Предупреждение об использовании cookie-файлов 1 000 руб.

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

Экспорт в Google Merchant и Facebook (Автообновляемый XML-Feed) 1 000 руб. 3

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

Мне это нравится! Бесплатно

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

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

еще 9 решений