Ускорение загрузки сайта + оптимизация для Google PageSpeed (webp, js, css, картинки, изображения)
Скорость загрузки сайта - это ключевой фактор, оказывающий значительное влияние на успех вашего интернет-бизнеса. Быстрая загрузка страницы позволяет пользователям быстрее находить нужную информацию, увеличивает конверсию и делает работу с сайтом более комфортной. Высокая скорость загрузки влияет не только на пользовательское восприятие, но и повышает рейтинг сайта в поисковых системах, увеличивает его видимость.
Ускорение загрузки сайта + оптимизация для Google PageSpeed Insights - это решение для 1с-Битрикс, ускоряющее отображение сайта на всех типах устройств и положительно влияющее на баллы, скорость и параметры загрузки сайта в Google PageSpeed Insights.Обзор возможностей решения в видео-формате: rutube.ru
1. Оптимизация css-стилей сайта
Решение оптимизирует работу таблиц стилей, сокращает время отображения страницы. Стили объединяются в один файл и оптимизируются - как следствие уменьшается вес стилей и количество подключений. Решение оптимизирует не только стандартные стили сайта, но и внешние - например Google Fonts. Сохраняет, оптимизирует и подключает их локально.
Оптимизация стилей устраняет проблему "Устраните ресурсы, блокирующие отображение" в PageSpeed.
2. Оптимизация изображений, конвертация в Webp
Решение конвертирует изображения в современный формат WebP, позволяющий значительно сократить вес изображений и ускорить работу браузера с изображениями.
Оптимизация изображений устраняет или уменьшает проблемы "Используйте современные форматы изображений" и "Настройте эффективную кодировку изображений" в PageSpeed.
3. Оптимизация JavaScript и счётчиков
В последних версиях решения добавился функционал работы с JavaScript - теперь вы можете отложить выбранные скрипты до загрузки страницы или до взаимодействия пользователя с сайтом
Решение исправляет проблему "Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке" в PageSpeed.
4. Оптимизация Youtube и Rutube видео
Загрузка страниц с видео происходит медленно, т.к. видеоплеер подгружает большой объём данных: скрипты, библиотеки, интерфейс и производит сборку плеера во время первоначального открытия страницы.
Решение преобразует исходный фрейм (iframe) видео. Скрипты решения загрузят все необходимые данные, когда они будут нужны - при клике на кнопку воспроизвести. Для конечного пользователя данный механизм не заметен.
Преобразования проводимые решением так же исправляют ошибку pagespeed "Для отложенной загрузку с фасадными объектами доступно несколько ресурсов"
5. Отложенная загрузка шрифтов (font-display)
Решение имеет механизм автоматической установки font-display: swap для шрифтов.
Использование font-display устраняет проблему "Настройте показ всего текста во время загрузки веб шрифтов" в PageSpeed
6. Preconnect и Preloading
С помощью решения можно через настройки установить preconnect (предсоединения), preloading (предзагрузки) без редактирования кода сайта
Использование preloading устраняет проблему "Настройте предварительную загрузку ключевых запросов" в PageSpeed
7. Удаление стандартного OpenSans
Битрикс актуальных версий автоматически подключает шрифт OpenSans - если он вам не нужен, с помощью решения можно удалить данное подключение и сэкономить несколько килобайт загрузки
▷ | Безопасность файлов - исходные файлы не редактируются | |
▷ | Гибкая настройка - можно включить только те оптимизации, которые вам нужны | |
▷ | Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight |
✔ | Поддерживает механизм многосайтовости, композитный и автокомпозитный режим | |
✔ | Одинаково хорошо работает с кодировками UTF-8 и Windows-1251 | |
✔ | Использует стабильные события и работает на большинстве версий 1с-Битрикс | |
✔ | Корректно работает с большинством готовых решений (Аспро, Digital Web, Intec и т.д.) и на сайтах с уникальным дизайном | |
✔ | Поддержка версий PHP: 5.6, 7.x, 8.x | |
Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:
- Решение "Отложенная загрузка картинок, видео и фоновых изображений", решающее проблему "Отложите загрузку изображений" - смотреть карточку решения
- Решение "Оптимизация и сжатие HTML + CSS", уменьшающее вес отдаваемых html-страниц - смотреть карточку решения
Важно: для работы данного готового решения вам потребуется система управления Битрикс, позволяющая менять его структуру и редактировать текстовую информацию без навыков программирования.
Возможности этой системы разделены на несколько редакций, которые отличаются количеством и гибкостью функционала. Список подходящих редакций указан возле стоимости решения. Здесь же расположена кнопка со ссылкой на демо версию, перейдя по которой вы можете ознакомиться с готовым решением и попробовать его в действии.
Для создания лендинга или корпоративного сайта достаточно редакции Старт или Стандарт.
Для разработки интернет-магазина нужна редакция Малый бизнес или Бизнес.
Мы предлагаем два варианта покупки:
- Вы покупаете только решение (подходит исключительно в том случае, когда у вас уже есть система управления Битрикс в нужной редакции и ваша лицензия не просрочена).
- Вы покупаете все необходимое в одном наборе и получаете установленное и полностью готовое к работе решение на следующий рабочий день после оплаты.
- Выбранное готовое решение;
- Минимально возможная редакция Битрикс;
- Аренда хостинга;
- Бесплатная установка.
Вы можете выбрать такой набор или составить свой, добавив в него новые позиции. Например:
- Другую редакцию Битрикс с большим количеством полезных функций;
- Более мощный хостинг;
- Услуги приоритетной технической поддержки.
Положите товары в корзину, кликните по ней в правом верхнем углу страницы и выберите тип заказа.
Быстрый заказ
Позволяет пропустить стандартную процедуру оформления покупки. Вместо этого вы оставляете свои контактные данные и ожидаете звонка нашего сотрудника. Он уточняет позиции вашего заказа, отвечает на вопросы и отправляет подтверждение на вашу электронную почту.
Обычное оформление
Желательно выбирать именно его. В процессе стандартного оформления заказа, вы будете переадресованы на новую страницу. Здесь вам нужно будет выбрать тип плательщика, вариант оплаты и доставки, а также корректно указать свои контактные данные.
Правильно заполненный e-mail исключает проблему выполнения заказа с нашей стороны.
После оформления заказа вы получите от нас электронное письмо, в котором будет ссылка на оплату.
Дальнейшее информирование о стадиях выполнения заказа мы также будем отправлять вам на почту.
Оплата
Вы можете оплатить заказ по безналичному расчету или наличными при помощи банковских карт Visa, Mastercard или платежной системы LiqPay. Все позиции нашего каталога продаются без НДС, согласно раздела ХХ «Переходные положения» Налогового Кодекса Украины, подраздела 2, п. 26. Комиссия при оплате наличными не применяется.
Доставка
Купленные программные продукты будут отправлены вам по электронной почте в виде цифро-буквенного кода. Данный код является лицензионным ключом и выписывается автором купленного программного продукта.
Он предоставляет вам официальное право на его использование.
Установка
В стоимость программных продуктов входит их бесплатная установка.
Если у вас уже есть сайт на Битрикс и вы хотите установить купленное решение на той же лицензии на отдельном домене, такая установка оплачивается дополнительно.
Безналичный расчет
Данный способ оплаты доступен для физических и юридических лиц. После заполнения и подтверждения заказа вы получите по e-mail счeт-оферту со всеми реквизитами, которую необходимо распечатать и оплатить в любом коммерческом банке в течение 5 банковских дней с момента оформления заказа.
Пожалуйста, обратите внимание, что продажа программных продуктов осуществляется без НДС, согласно раздела
ХХ «Переходные положения» НКУ, подраздела 2, п. 26. После оплаты вы получите по почте счет и акт об оказании услуг. Пожалуйста, подпишите данный акт, поставьте печать и отправьте нам один экзмпляр.
Оплата с помощью платежных карт Visa и Mastercard
Этот способ оплаты доступен для физических лиц (комиссия за перечисление денег не взымается). Для защиты платежей используется технология 3-D Secure, которая лежит в основе программ Verified by Visa и MasterCard SecureCode. Она гарантирует и покупателю, и продавцу полную безопасность операций. Наш банк-эквайер имеет сертификат PCI DSS Compliance, подтверждающий полное соответствие системы обработки платежных карт банка требованиям стандарта безопасности международных платежных систем PCI DSS.
После заполнения и подтверждения заказа вы будете переадресованы на защищенную страницу веб-сайта банка, где и укажете реквизиты карты для оплаты, при этом обмен информацией будет произведён с помощью промышленных форматов шифрования.
Оплата с помощью платeжной системы LiqPay
Данный способ оплаты доступен для физических лиц (комиссия за перечисление денег не взымается). Высокий уровень безопасности обеспечивается технологией OTP (One-time Password). Надёжность и безопасность приёма платежей подтверждена международными сертификатами Verified by Visa и MasterCard SecureCode. «Приватбанк» обеспечивает круглосуточный мониторинг платежей клиентов в режиме реального времени.
После заполнения и подтверждения заказа вы будете переадресованы на защищенную страницу веб-сайта сервиса LiqPay, где и укажете реквизиты карты или своего внутреннего счёта для оплаты.
Доставка
Купленные программные продукты поставляются в виде цифро-буквенного кода, используя который их можно установить на хостинг согласно инструкции. Код отправляется онлайн на указанную в заказе электронную почту.
После получения оплаты и до момента отправки лицензионного ключа может пройти несколько часов.
На протяжении этого времени проводится оформление купленной продукции на ваше имя.
Внимание! Неправильно указанный e-mail может привести к дополнительной задержке.
Пожалуйста, проверяйте ваши персональные данные при регистрации и оформлении заказа.
Для установки вам потребуется:
- Система управления Битрикс (подходящей редакции);
- Домен;
- Хостинг.
При покупке готового набора, установку мы сделаем для вас бесплатно.
Инструкция по установке системы управления Битрикс:
- Зарегистрируйте лицензионный ключ на
сайте Битрикс (придет на ваш e-mail после покупки).
Он состоит из 23 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XX-XXXXXXXXXXXXXXXX. - Скачайте на компьютер установочный файл.
- Авторизируйтесь на сайте хостинг провайдера (логин и пароль придет на ваш e-mail после покупки).
- Войдите в файловый менеджер и загрузите установочный файл в корневую папку хостинга.
- Создайте новую базу данных.
- Перейдите по адресу тестового домена по ссылке имя-сайта/bitrixsetup.php
- В окне установки выберите редакцию, соответствующую вашему лицензионному ключу.
- В поле «Лицензионный ключ» вставьте код, который пришел вам на e-mail после покупки.
Он состоит из 23 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XX-XXXXXXXXXXXXXXXX. Нажмите кнопку «Загрузить». - На экране «Начало установки» нажмите кнопку «Далее».
- Поставьте галочку в пункте «Я принимаю лицензионное соглашение» и нажмите кнопку «Далее».
- Поставьте галочку в пункте «Я хочу зарегистрировать свою версию продукта", заполните обязательные поля.
Если планируете делать сайт на иностранном языке, отметьте пункт «Установить в кодировке UTF-8», нажмите кнопку «Далее». - На экране «Предварительная проверка системы» вы увидите показатели вашей системы управления.
Показатели зелёного цвета соответствуют требованиям. Красные - нет.
Для исправления красных значений обратитесь в техподдержку вашего хостинг провайдера. - На экране «Создание базы данных» впишите данные созданной на хостинге базы данных.
- Создайте администратора сайта, заполнив все обязательные поля.
- Выберите шаблон для установки на сайт: либо бесплатный шаблон, либо купленное готовое решение.
Инструкция по установке готового решения:
- Установите на хостинг систему управления «Битрикс».
- Перейдите по ссылке: имя-сайта/bitrix и авторизируйтесь под данными администратора.
- Перейдите в административную панель в раздел Marketplace и подраздел «Обновление решений».
Откройте вкладку «Активация купона». - Введите в поле купон, который пришел вам на e-mail после покупки решения.
Он состоит из 25 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XXXXXXXXXX-XXXXXXXXXX. Нажмите кнопку «Активировать купон». - Название решения появится во вкладке «Список обновлений». Отметьте его галочкой и загрузите.
- Откройте вкладку «Установка обновлений» и установите.
- Найдите появившееся название купленного решения и в выпадающем списке выберите пункт «Загрузить».
- Перейдите в разделе «Настройки» в подраздел «Список мастеров», найдите название купленного решения и в выпадающем списке выберите пункт «Установить».
- Откроется мастер установки готового решения.
- Выберите пункт «Существующий» для установки решения первым сайтом на лицензии, нажмите «Далее».
- На экране «Выбор шаблона» нажмите «Далее».
- Выберите цветовую схему сайта, нажмите «Далее».
- Замените демо данные сайта, нажмите «Установить».
- На экране «Завершение настройки» нажмите «Перейти на сайт».
Задать вопрос
Не нашли ответа на свой вопрос?Свяжитесь с нами, и мы предоставим необходимую информацию. |
Задать вопрос
|