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

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

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

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

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

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

Акция действительна по 16 апреля 2023

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

Описание

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

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

03.04.2019

Обновлено:

19.01.2023

Версия:

5.2.0

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

Более 1000 раз

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

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

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

Да

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

Да

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

Нет

Совместимо с PHP 8.1

Да

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

Описание

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

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

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

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 проблемы с которыми борется решение:

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

▷

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

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

✔

Поддержка версий PHP: 5.6, 7.x, 8.x

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

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

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

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

Отзывы (11)

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

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

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

Пользователь 4416898 12 января 2023 15:19

Доброго дня, решили протестировать ваше решение перед приобретением. Но, столкнулись со следующей проблемой.
Модуль пишет - Использовать оптимизацию WebP:    Серверное расширение cwebp не найдено. Обратитесь к системному администратору или в поддержку хостинга.
Обратились к провайдеру - на, что он дал ответ - Модуль cwebp по умолчанию включен на
серверах Битрикс хостинга.
Вам необходимо внести следующий путь
в настройках вашей CMS-системы к
данному модулю: /opt/alt/libwebp/bin/cwebp

А где указывать данный путь? В модуле нету. Ожидаем вашей помощи спасибо.

Артур Голубев (разработчик) 12 января 2023 17:24

Алексей Дюков, Добрый день!

Увы, пока возможности задать кастомный путь для webp нет (сейчас вызов идёт без пути, условно говоря cwebp -version, обычно это работает)

Добавлю данную возможность в следующем обновлении. Спасибо за информацию!

Пользователь 2063503 30 декабря 2022 14:31

Добрый день! Хотел спросить. Использовал ли кто то модуль с Аспро Максимум, были ли сложности, ошибки, поделитесь впечатлениями пожалуйста?

Пользователь 332717 21 декабря 2022 23:45

После установки и настройки все равно есть ошибка "Настройте показ всего текста во время загрузки веб-шрифтов". Что не так?

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

Радик Латыпов, Добрый день! Нужно смотреть конкретный случай - напишите на почту поддержки (с адресом сайта, доступом к админке и фтп), изучу-подскажу

Пользователь 124836 12 декабря 2022 11:01

Приветствую пользователи! Вышло обновление 5.0.0:
- Добавлена настройка дополнительных регулярных выражений для поиска и оптимизации webp
- Переработка отложенных подключений js, переноса skip-mooving скриптов
- Убрана функция кеширования запроса к setTheme.php (не показала себя эффективной)
Доработка и улучшение прочих механизмов

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

1 - 5 из 47

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

Что нового

5.2.0 (19.01.2023)	Доработки и улучшения
5.1.0 (28.12.2022)	Улучшение работы с webp и отложенными скриптами
5.0.0 (12.12.2022)	Дополнительные регулярные выражения для поиска и оптимизации webp Переработка отложенных подключений js, переноса skip-mooving скриптов Функция кеширования запроса к setTheme.php больше не доступна в решении (не показала себя эффективной) Доработка и улучшение прочих механизмов
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 руб. 24 650 руб. 2

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

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

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

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

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

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

Выгрузка каталога товаров в Google Merchant, VK Реклама, Facebook*, Instagram*, TikTok 1 000 руб. 21

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

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

Уведомление с логином и паролем после регистрации или изменения пароля (email, sms) 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 клик (снег, гирлянда, украшения) Бесплатно 14

еще 16 решений