Ускорение загрузки сайта + оптимизация для 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 120 руб.

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

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

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

Описание

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

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

03.04.2019

Обновлено:

05.12.2022

Версия:

4.9.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)

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

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

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

Пользователь 6693912 6 декабря 2022 02:58

После установки пробной версии, сайт перестал работать! выдает такую ошибку
Mysql query error: (1146) Table 'atlant_bd.b_catalog_iblock' doesn't exist (400)
ребята с хостинга проверили базу данных, говорят что все хорошо ошибок не обнаружили!
что это может быть? Устанавливал под учёткой администратора (не сразу увидел предупреждение)

Артур Голубев (разработчик) 6 декабря 2022 07:49

Виталий Казакевич, Добрый день!

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

Плюс сразу делаю проверку "на всякий случай", ставлю свежую демо версию на bitrixlabs:
https://disk.yandex.ru/d/4B_SmEjtPbI-eA
https://disk.yandex.ru/d/IJ7V_cHjRVvAiw

Пользователь 759315 29 ноября 2022 06:00

Артур, здравствуйте. Тестируем, скорость очевидно стала быстрее, но PageSpeed Insights почти не изменил показателей, будем смотреть. Возник другой вопрос, как исключить отдельные изображения от сжатия, типа логотипа, favicon и т.п.?

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

Сибирский, Добрый день!

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

Я предполагаю (субъективное мнение, точной информации нет) что после последнего обновления алгоритма pagespeed, расчет баллов сместился в сторону тяжелых якорных проблем, т.е. при наличии тяжелых проблем например "Сократите размер DOM" или "Минимизируйте работу в основном потоке" pagespeed будет давать низкий бал рассчитанный по этим проблемам, вне зависимости от улучшения показателей и других проблем (а проблемы размера DOM или количества js автоматически решением, "белыми методами", не поправить)

"как исключить отдельные изображения от сжатия, типа логотипа, favicon и т.п.? " - увы, такой возможности пока нет. Реализую в ближайшем обновлении. Спасибо за информацию!

Пользователь 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/

1 - 5 из 43

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

Что нового

4.9.0 (05.12.2022)	Исключения для оптимизации webp Исправления и улучшения прочих механизмов
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 руб. 23 200 руб. 1

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

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

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

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

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

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

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

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

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

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

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

Оптимизация и сжатие HTML + JS + CSS для уменьшения веса сайта (минификация данных) 2 000 руб. 1 600 руб. 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 клик Бесплатно 13

еще 16 решений