Ускорение загрузки сайта + оптимизация для Google PageSpeed Insights (webp, js, css)

"Ускорение загрузки сайта + оптимизация для Google PageSpeed Insights" - это решение для 1с-Битрикс, ускоряющее отображение сайта на всех типах  устройств и  положительно влияющее на баллы, скорость и параметры загрузки сайта в Google  PageSpeed Insights.Обзор возможностей решения в видео-формате: youtube.comУвеличение баллов в PageSpeed является не самоцелью, а последствием ускорения отображения страницы за счёт её оптимизации решением. 1. Оптимизация css-стилей сайтаРешение оптимизирует работу таблиц стилей, сокращает время отображения страницы. Стили объединяются в один файл и оптимизируются - как следствие уменьшается вес стилей и количество подключений. Решение оптимизирует не только стандартные стили сайта, но и внешние - например Google Fonts. Сохраняет, оптимизирует и подключает их локально.Оптимизация стилей устраняет проблему "Устраните ресурсы, блокирующие отображение" в PageSpeed.2. Оптимизация изображенийРешение конвертирует изображения в современный формат WebP, позволяющий значительно сократить вес изображений и ускорить работу браузера с изображениями.Оптимизация изображений устраняет или уменьшает проблемы "Используйте современные форматы изображений" и "Настройте эффективную кодировку изображений" в PageSpeed.3. Оптимизация JavaScript и счётчиковВ последних версиях   решения добавился функционал работы с JavaScript - теперь вы можете   отложить выбранные скрипты до загрузки страницы или до взаимодействия   пользователя с сайтомРешение исправляет проблему "Пассивные прослушиватели событий не используются для  улучшения производительности при прокрутке" в PageSpeed.4. Font-displayРешение имеет механизм автоматической установки font-display: swap для шрифтов.Использование font-display устраняет проблему "Настройте показ всего текста во время загрузки веб шрифтов" в PageSpeed5. Preconnect и PreloadingС помощью решения можно через настройки установить preconnect   (предсоединения), preloading (предзагрузки) без редактирования кода сайтаИспользование preloading устраняет проблему "Настройте предварительную загрузку ключевых запросов" в PageSpeed6. Удаление стандартного OpenSansБитрикс актуальных версий автоматически подключает шрифт OpenSans - если он вам не нужен, с помощью решения можно удалить данное подключение и сэкономить несколько килобайт загрузки ▷ Простая установка и настройка ▷ Решение не редактирует исходные файлы проекта ▷ Обрабатываемые css-стили оптимизируются и сжимаются ▷ Поддерживается работа с Google Fonts и внешними стилями ▷ Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight ▷ Умеет удалять подключаемый из ядра битрикса Open Sans ▷   Оптимизирует работу с JavaScript и счётчиками ▷  Отдельные настройки для каждого сайта по многосайтовости ✔   Корректно работает на пк, смартфоне и планшете   ✔ Поддерживает механизм многосайтовости ✔ Одинаково хорошо работает с кодировками UTF-8 и Windows-1251 ✔ Использует стабильные события и работает на большинстве версий 1с-Битрикс ✔ Поддерживает композитный и автокомпозитный режим ✔ Корректно работает с большинством готовых решений (Аспро, Digital Web, Intec и т.д.) и на сайтах с уникальным дизайномДополнительные рекомендации:Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:- Решение "Отложенная загрузка картинок, видео и фоновых изображений", решающее проблему "Отложите загрузку изображений" - смотреть карточку решения- Решение "Оптимизация и сжатие HTML + CSS", уменьшающее вес отдаваемых html-страниц - смотреть карточку решения

Ускорение загрузки сайта + оптимизация для Google PageSpeed Insights (webp, js, css)

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

Купить: 3 500 2 975 руб.

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

Акция действительна по 24 июля 2022

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

Описание

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

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

03.04.2019

Обновлено:

31.05.2022

Версия:

4.4.0

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

Более 1000 раз

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

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

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

Да

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

Да

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

Нет

Пользовательское соглашение

Описание

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



Обзор возможностей решения в видео-формате: youtube.com

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

1. Оптимизация css-стилей сайта

Решение оптимизирует работу таблиц стилей, сокращает время отображения страницы. Стили объединяются в один файл и оптимизируются - как следствие уменьшается вес стилей и количество подключений. Решение оптимизирует не только стандартные стили сайта, но и внешние - например Google Fonts. Сохраняет, оптимизирует и подключает их локально.

Оптимизация стилей устраняет проблему "Устраните ресурсы, блокирующие отображение" в PageSpeed.



2. Оптимизация изображений

Решение конвертирует изображения в современный формат WebP, позволяющий значительно сократить вес изображений и ускорить работу браузера с изображениями.

Оптимизация изображений устраняет или уменьшает проблемы "Используйте современные форматы изображений" и "Настройте эффективную кодировку изображений" в PageSpeed.



3. Оптимизация JavaScript и счётчиков

В последних версиях   решения добавился функционал работы с JavaScript - теперь вы можете   отложить выбранные скрипты до загрузки страницы или до взаимодействия   пользователя с сайтом

Решение исправляет проблему "Пассивные прослушиватели событий не используются для  улучшения производительности при прокрутке" в PageSpeed.



4. Font-display

Решение имеет механизм автоматической установки font-display: swap для шрифтов.
Использование font-display устраняет проблему "Настройте показ всего текста во время загрузки веб шрифтов" в PageSpeed



5. Preconnect и Preloading

С помощью решения можно через настройки установить preconnect   (предсоединения), preloading (предзагрузки) без редактирования кода сайта
Использование preloading устраняет проблему "Настройте предварительную загрузку ключевых запросов" в PageSpeed

6. Удаление стандартного OpenSans

Битрикс актуальных версий автоматически подключает шрифт OpenSans - если он вам не нужен, с помощью решения можно удалить данное подключение и сэкономить несколько килобайт загрузки

	▷	Простая установка и настройка
	▷	Решение не редактирует исходные файлы проекта
	▷	Обрабатываемые css-стили оптимизируются и сжимаются
	▷	Поддерживается работа с Google Fonts и внешними стилями
	▷	Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight
	▷	Умеет удалять подключаемый из ядра битрикса Open Sans
	▷	Оптимизирует работу с JavaScript и счётчиками

▷

Отдельные настройки для каждого сайта по многосайтовости

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

Дополнительные рекомендации:

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

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

- Решение "Оптимизация и сжатие HTML + CSS", уменьшающее вес отдаваемых html-страниц - смотреть карточку решения

Отзывы (10)

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

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

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

Пользователь 5447320 20 июня 2022 12:01

Добрый день! Подскажите, пожалуйста, почему на мобильной версии после подключения модуля появилась новая ошибка PageSpeed Insights: Стронний код заблокировал основной поток на 400 мс

https://skrinshoter.ru/p/200622/oUsJGF

Артур Голубев (разработчик) 21 июня 2022 10:13

Ангелина  Лучинович, Добрый день!

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

Эта проблема (либо другие менее значимые по мнению pagespeed) могла не отображаться до установки решения, т.к. при наличии крупных критических проблем pagespeed может не завершать парсинг более мелких проблем. Соответственно после установки и настройки решения часть проблем ушла и pagespeed более детально просканировал менее значимые проблемы.

Пользователь 978767 16 июня 2022 16:23

Добрый день.
В обновлениях появилось Ускорение JavaScript, но в мануалах нет информации как с ними работать. В каком виде добавлять вызов скриптов в файлах отложенных скриптов. Нужно ли их удалять при этом в футере?

Артур Голубев (разработчик) 16 июня 2022 16:59

Рим Фаткуллин, Приветствую!

Скрипты в файлы нужно добавлять в html-виде с тегами <sc ript> (Содержимое обрабатывается как html)

Из футера вызовы перенесенных скриптов нужно удалять

"откладывать" рекомендую только те скрипты, которые не влияют на непосредственную работу сайт (счётчики, jivosite и т.п.)

Артур Голубев (разработчик) 17 июня 2022 17:45

Рим Фаткуллин, Написал мануал по заполнению данных оптимизаций - https://arturgolubev.ru/knowledge/course7/lesson167/

Пользователь 124836 28 апреля 2022 12:14

Приветствую пользователи! Вышло обновление 4.2.0:
- Добавлено исправление проблемы с пассивными слушателями событий (и для jquery и для bx), пока в beta-режиме
- Значительно доработана оптимизация webp

Пользователь 124836 28 марта 2022 08:39

Приветствую пользователи! Вышло большое обновление 4.1.0:
В решение добавлена оптимизация картинок (webp) - функционал пока в beta-режиме, поэтому используйте с осторожностью

Пользователь 2230341 18 февраля 2022 15:58

Добрый день, Артур! Если мы установим модуль, сможем ли при помощи импорта загружать в карточки товара изображения формата webp? Спасибо!

Артур Голубев (разработчик) 18 февраля 2022 18:10

Екатерина Ермак, Добрый день!
Данное решение не оптимизирует картинки и не работает с webp, соответственно при установке решения описанная возможность не появится

1 - 5 из 37

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

Что нового

4.4.0 (31.05.2022)	Изменение настроек решения, оптимизация механизмов работы с webp и прочие доработки
4.3.0 (14.05.2022)	Переработана страница оптимизации изображений
4.2.0 (28.04.2022)	Доработка механизмов оптимизации изображений Новая оптимизация - исправление проблемы "Пассивные слушатели событий" Прочие мелкие улучшения
4.1.1 (01.04.2022)	Небольшие исправления, часть настроек оптимизации изображений теперь общие для всех сайтов
4.1.0 (28.03.2022)	Оптимизация картинок (beta)
4.0.1 (06.01.2022)	Исправления и улучшения
4.0.0 (12.11.2021)	Большое обновление: исправление проблем с оптимизацией css под аспро, отдельные настройки для сайтов по многосайтовости, оптимизация javascript и т.д. После установки обновления рекомендуется проверить и скорректировать настройки решения!
3.1.4 (28.06.2021)	Небольшие корректировки
3.1.3 (28.06.2021)	Совместимость с PHP 8 (обновить решение нужно До смены версии php)
3.1.1 (24.03.2021)	Исправление ошибок в демо версии
3.0.1 (23.03.2021)	Новый режим работы со стилями: Объединение (пока в бета режиме) Устранена настройка "Максимальный вес файлов подключамых в inline-виде" как бесполезная Опция оптимизации Google Fonts объединена с опцией внешних стилей Интерфейсные улучшения
3.0.0 (25.02.2021)	Глобальный рефакторинг кода и улучшение производительности решения
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 не производится.

Эффект от решения на каждом сайте сугубо индивидуален. Решение исправляет описанные проблемы, но Pagespeed  всегда по разному реагирует на исправление проблем. На разных проектах может прирости абсолютно разное количество баллов на схожих страницах. Даже в рамках одного сайта на разных страницах разница в баллах обычно отличается. (Эффект определяется влиянием проблем, которые исправляет решение и наличием более значимых по мнению Pagespeed проблем) Именно поэтому настоятельно рекомендую тестировать решение в демо-режиме до покупки

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

• Как проверить работу решения?
  
• Как отключить решение на определенных страницах?
  
• Как установить серверную библиотеку cwebp?
  
• Как правильно заполнять файлы в "Ускорение JavaScript"
  

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

• Битрикс версии 15.5 и старше
  
• PHP версии 5.6 или выше
  
• Параметр PHP allow_url_fopen = 1 (для работы с внешними стилями)
  
• Серверная библиотека cwebp (для оптимизации изображений)
  

Поддержка

▷

Битрикс не даёт установить решение в тестовом режиме (кнопка "Попробовать")

▷

Продление и сброс тестового периода решения

▷

Оплата решения производится один раз?

▷

Как оплатить решение через расчётный счёт?

▷

Как действовать после оплаты решения?

▷

После активации купона осталась надпись "Демо-режим"

▷

После оплаты не приходит ключ на почту

▷

Хостинг считает файлы решения подозрительными. Почему?

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

Перед обращением в поддержку рекомендую проверить:

- Наличие обновлений у решения (20% обращений с проблемами решаются установкой свежих обновлений)

- Проверку системы в админке сайта (35% обращений решаются исправлением ошибок которые она находит)


При обращении в техническую поддержку укажите:

1. Подробное описание проблемы
Постарайтесь максимально подробно описать проблему и укажите какие действия нужно произвести для её обнаружения. Скриншоты приветствуются.

2. Решение с которым связана проблема

3. Адрес сайта

4. Доступы к административный панели (Логин и Пароль)

5. FTP или SFTP доступ (Хост, Логин, Пароль и Порт, если он не стандартный)

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

---

Подробнее о технической поддержке решений и регламент работы - https://arturgolubev.ru/knowledge/course1/

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

Ловец брошенных заказов / Повышение конверсии сайта 4 900 руб. 3 920 руб. 1

Умный поиск с исправлением ошибок в запросе, подсказками и настраиваемой областью поиска 5 800 руб. 4 930 руб. 39

Интеграция с Wildberries (карточки товара, остатки, цены, сборочные задания, поставки) 29 000 руб. 24 650 руб. 4

Динамический ремаркетинг Adwords, ВКонтакте, MyTarget, TikTok, RR, Facebook* (ретаргетинг) 9 900 руб. 7 920 руб. 4

Электронная коммерция для Яндекс.Метрики, Google Analytics (ecommerce) + сбор событий в Facebook* 4 900 руб. 4 410 руб. 9

Маска ввода номера телефона с выбором страны 2 500 руб. 2 250 руб. 3

Выгрузка каталога товаров в Google Merchant, TikTok, Facebook*, Instagram* (автоматический экспорт) 1 000 руб. 20

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

Отложенная загрузка картинок, видео и фоновых изображений (Lazy Loading) 2 500 руб. 2 250 руб. 2

Уведомление с логином и паролем после регистрации или изменения пароля 1 000 руб. 5

Защита контента сайта от копирования 2.0 + защита от печати страницы 1 000 руб. 5

Оптимизация и сжатие HTML + JS + CSS для уменьшения веса сайта (минификация данных) 1 000 руб. 5

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

Расширенные письма: новый заказ, смена статуса заказа, заказ отменён, заказ оплачен 1 000 руб. 2

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

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

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

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

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

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

еще 16 решений