Inline CSS, Preloading, Preconnect для ускорения загрузки и увеличения баллов PageSpeed

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

Inline CSS, Preloading, Preconnect для ускорения загрузки и увеличения баллов PageSpeed

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

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

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

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

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

Описание

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

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

03.04.2019

Обновлено:

06.08.2020

Версия:

2.1.0

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

Более 1000 раз

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

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

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

Да

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

Да

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

Нет

Описание

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

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


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




Начиная с версии 2.0.1 решение исправляет проблему "Настройте предварительную загрузку ключевых запросов":



Начиная с версии 2.1.0 Решение так же работает с проблемой "Настройте показ всего текста во время загрузке веб-шрифтов"

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

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

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

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

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

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

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

Отзывы (7)

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

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

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

Артур Голубев 6 Августа 2020 09:31

Приветствую пользователи!

Вышло обновление 2.1.0:
Добавлена поддержка font-display (пока в бета режиме)

antnovik777 14 Июля 2020 11:28

Добрый день, подскажите модуль может решать проблему "Удалите неиспользуемый код JavaScript" для Yandex.metrica за счет настройки Предсоедиения (Preconnect) ?
Ссылка: https://clip2net.com/s/48nHAKC

Если нет, откуда вообще это выползает, если код метрики используется и подключен как полагается в конце страницы?

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

antnovik777, Приветствую!
Директива preconnect не занимается решением проблемы "Удалите неиспользуемый код JavaScript". Она позволяет браузеру заранее понять что в коде страницы есть встраиваемые с других сайтов данные и заранее начать поиск DNS сервера, проверку ssl сертификата и т.п. для более быстрой подкачки и использования скриптов, встречающихся ниже по коду.

"Если нет, откуда вообще это выползает, если код метрики используется и подключен как полагается в конце страницы?" - Алгоритмы Google Pagespeed считают что этот скрипт подключается, но не используется.

сергей лященко 16 Июня 2020 11:22

Подскажите с ошибкой такого рода что-то можно сделать через ваше решение?

Настройте показ всего текста во время загрузки веб-шрифтов
Используйте свойство CSS font-display, чтобы пользователи могли видеть текст во время загрузки веб-шрифтов. Подробнее…

…MyriadPro/MyriadPro-Regular.woff

https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Finnovativebase.ru%2Fblack-mamba-hyperrush%2F

Артур Голубев (разработчик) 16 Июня 2020 11:29

сергей лященко, Добрый день! С проблемой font-display решение в данный момент не работает

Артур Голубев 12 Июня 2020 14:25

Приветствую пользователи! Вышло крупное обновление решения - Добавлена поддержка preloading и preconnect.
Решение теперь исправляет требование PageSpeed "Настройте предварительную загрузку ключевых запросов"

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

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

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

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

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

1 - 5 из 20

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

Что нового

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

1. Установите модуль с Marketplace. Он начинет работу сразу после установки
   
2. Перейдите в настройки решения (Нажмите "Настройки" в верхней части экрана административной панели, в  списке модулей выберите "Inline CSS")
   
3. В настройках рекомендую включить: "Подключать Google Fonts инлайн", "Подключать внешние стили инлайн" и "Оптимизировать обрабатываемый css". Сохраните настройки
   
4. Сбросьте весь кеш (после сохранения настроек решение покажет подсказку по сбросу)
   
5. Готово, настройка завершена
   

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

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

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

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

Поддержка

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

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

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

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

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

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

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

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

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

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

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

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

Отложенная загрузка YouTube-видео (с подгрузкой по клику) 1 000 руб.

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

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

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

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

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

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

Печать заказа (кнопка для пользователей) 1 590 руб. 1 272 руб.

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

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

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

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

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

Отложенная загрузка изображений для ускорения загрузки сайта и Google PageSpeed 2 990 руб. 2 392 руб. 6

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

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

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

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

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

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

еще 22 решения