Ускорение загрузки сайта + оптимизация для Google PageSpeed (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 - если он вам не нужен, с помощью решения можно удалить данное подключение и сэкономить несколько килобайт загрузки ▷ Простая установка и настройка, поддержка многосайтовости ▷ Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight ▷ Безопасность файлов - исходные файлы не редактируются ▷ Улучшение не только показателей, но и веса страницы сайта   ✔   Корректно работает на пк, смартфоне и планшете   ✔ Поддерживает механизм многосайтовости ✔ Одинаково хорошо работает с кодировками UTF-8 и Windows-1251 ✔ Использует стабильные события и работает на большинстве версий 1с-Битрикс ✔ Поддерживает композитный и автокомпозитный режим ✔ Корректно работает с большинством готовых решений (Аспро, Digital Web, Intec и т.д.) и на сайтах с уникальным дизайномДополнительные рекомендации:Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:- Решение "Отложенная загрузка картинок, видео и фоновых изображений", решающее проблему "Отложите загрузку изображений" - смотреть карточку решения- Решение "Оптимизация и сжатие HTML + CSS", уменьшающее вес отдаваемых html-страниц - смотреть карточку решения

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

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

Купить: 3 900 3 510 руб.

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

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

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

Описание

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

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

03.04.2019

Обновлено:

13.11.2022

Версия:

4.8.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 - если он вам не нужен, с помощью решения можно удалить данное подключение и сэкономить несколько килобайт загрузки

	▷	Простая установка и настройка, поддержка многосайтовости
	▷	Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight
	▷	Безопасность файлов - исходные файлы не редактируются

▷

Улучшение не только показателей, но и веса страницы сайта

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

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

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

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

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

Отзывы (10)

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

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

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

Пользователь 6686634 15 ноября 2022 16:39

После установки и настройки ничего не поменялось. Как можно проверить а должно ли было вообще увеличить скорость конкретно моего сайта?

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

"ТФ ООО, Добрый день!
Основной критерий - наличие до установки проблем которые исправляет решение (т.е. есть ли у вас какие либо из этих проблем, не решены ли они уже в шаблоне, разработчиком или другими решениями)

Пользователь 124836 8 ноября 2022 14:53

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

Алгоритм Pagespeed с каждым днём работает всё менее логично - часто сталкиваюсь с ситуациями, что исправление 3х и более проблем которые видит pagespeed не повышает баллы, улучшение основных показателей Speed Index, Time to Interactive, Total Blocking Time в ДВА раза некоторых случаях не даёт баллы.

Смотрите не только баллы, но и основные показатели, количество и значения проблем которые видит pagespeed. Скорость работы и показатели сайта после установки решения растут всегда. А вот баллы в текущей ситуации - не всегда.

Ну и еще раз напоминаю - обязательно тестируйте решение в демо-режиме.

Пользователь 205076 4 октября 2022 17:33

При попытке установить в тестовый период открывается пустое окно обновление решений. Установить не получается(

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

Иван Румянцев, Добрый день! Эта ситуация обозначает, что решение ранее устанавливалось на ваш сайт в тестовом режиме и тестовый период уже "потрачен"

Подробнее: https://arturgolubev.ru/knowledge/course1/lesson113/

Пользователь 978767 24 сентября 2022 18:12

Наблюдаем очень странное поведение оптимизации картинок WEBp. JPG картинку размером 168кб "оптимизирует" до 1.1мб в Webp. Картинку 9.23кб в jpg оптимизирует в 60кб. Настройки модуля: 75/4

Артур Голубев (разработчик) 26 сентября 2022 08:37

Рим Фаткуллин, Приветствую! Изучу ситуацию и дам ответ

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

Рим Фаткуллин, Приветствую! Смог повторить проблему, спасибо за информацию.
Ищу пути решения - корректировка выйдет в обновлении

Артур Голубев (разработчик) 2 ноября 2022 12:50

Рим Фаткуллин, Добрый день!

У решения вышло обновление 4.7.0 с режимами работы алгоритма.

Большой размер файла был обусловлен режимом "Без потерь", вы можете поставить обычный режим (с качеством 80-100 для хорошего качества) и размер создаваемого файла снизится в разы.

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

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

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

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

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

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

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

1 - 5 из 41

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

Что нового

4.8.0 (13.11.2022)	Улучшения по конвертации webp, оптимизации css
4.7.1 (02.11.2022)	Исправления и улучшения
4.7.0 (18.10.2022)	Выбор алгоритма формирования webp, доработки механизмов решения
4.6.1 (07.09.2022)	Улучшение алгоритмов оптимизации webp, новый режим конвертации webp
4.5.1 (23.08.2022)	Корректировки по оптимизации изображений
4.5.0 (19.08.2022)	Экспериментальные оптимизации под Аспро Улучшение оптимизации css, события для более удобного откладывания скриптов
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" теперь игнорируются.

Установка

1. В целях безопасности и удобства работы с модулем в режиме Администратора замена CSS не производится.

2. При замерах Pagespeed работаем с блоком "Выявляйте проблемы с производительностью" - актуальные замеры появляются в нём. В блоке "Определяйте фактическую производительность сайта" - при тестировании решения показатели меняться не будут - в нём сводная статистика за большой промежуток времени.

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

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

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

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

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

Поддержка

1. Как купить решение если вы не из России?
   
2. Битрикс не даёт установить решение в тестовом режиме (кнопка "Попробовать")
   
3. Продление и сброс тестового периода решения
   
4. Оплата решения производится один раз?
   
5. Как оплатить решение через расчётный счёт?
   
6. Как действовать после оплаты решения?
   
7. После активации купона осталась надпись "Демо-режим"
   
8. После оплаты не приходит ключ на почту
   
9. Хостинг считает файлы решения подозрительными. Почему?
   

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

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

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

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


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

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

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

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

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

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

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

---

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

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

Интеграция с Ozon: цены, остатки, заказы, статусы, акты (Озон) 29 000 руб. 24 650 руб. 1

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

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

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

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

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

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

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

Обратная связь: Мессенджеры и социальные сети для связи с клиентом (WhatsApp, Telegram, Viber, VK) 1 000 руб. 5

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

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

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

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

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

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

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

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

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

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

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

еще 16 решений