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с-БитриксОдинаково хорошо работает с кодировками UTF-8 и Windows-1251Для еще большего ускорения загрузки сайта Вы можете настроить отложенную загрузку изображений с помощью другого моего модуля - http://marketplace.1c-bitrix.ru/solutions/arturgolubev.lazyload/

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

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

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

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

Акция действительна по 3 ноября 2019

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

Описание

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

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

03.04.2019

Обновлено:

01.09.2019

Версия:

1.1.6

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

100 - 499 раз

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

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

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

Да

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

Да

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

Нет

Описание

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

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

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

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

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

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

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

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

Отзывы (6)

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

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

6

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

Арендарь Роман 3 Сентября 2019 14:52

Все работает отлично!

Модуль работает +30 пунктов PageSpeed Insights.
Брал комплектом вместе с "Сжатие HTML" и "Ленивая загрузка изображений"
Были вопросы с индивидуальными настройками, оперативно решили в тот же день.
Рекомендую!

Быков Сергей 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 пунктов.Я в восторге.

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

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

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

Владимир Вельбовец 6 Сентября 2019 09:57

REG.RU на следующий день ругается на вирус, не дожидаясь Yandex-а удаляю ваш модуль!

Результат проверки антивируса Virusdie:
{VIRUSDIE}Obfuscated.Globals : /bitrix/modules/arturgolubev.cssinliner/install/index.php

В связи с чем удаляю, если честно прироста не увидел, но теперь все свои сайты перепроверяю так как много изменений было в Google page speed. За это Вам спасибо)

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

Владимир Вельбовец, Добрый день! Без паники) Reg.ru и его антивирус это один из частых вопросов. Если прочитать описание ошибки можно увидеть "Obfuscated.Globals" - это обозначает что reg.ru видит обусифицированный код и не понимает.

- Что такое обусифицированный код и откуда он берется?
При установке решения из маркетплейса в Демо-Режиме файлы решения кодируются, для защиты от несанкционированных действий. Кодировка происходит методом обусификации.

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

На эту тему даже есть заметка в частозадаваемых вопросах
http://arturgolubev.ru/learning/course/index.php?COURSE_ID=1&LESSON_ID=42&LESSON_PATH=1.42

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

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

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

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

Умный поиск по сайту с исправлением ошибок в запросе 3 490 руб. 2 967 руб. 3

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

Ленивая загрузка изображений (LazyLoad для ускорения загрузки сайта) 2 490 руб. 1 868 руб. 6

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

Мы на связи: контакт-панель для вашего сайта 1 000 руб.

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

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

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

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

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

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

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

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

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

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

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

еще 12 решений