Оставить заявку

Ускорение интернет-магазина РусМарта на Битрикс

Владелец интернет-магазина систем безопасности и видеонаблюдения для дома и офиса rusmarta.ru обратился к нам за ускорением сайта в марте 2021 года. Особенно его беспокоила скорость загрузки на мобильных устройствах, так как с них идёт больше половины от всего трафика сайта. Учитывая серьезную конкуренцию в интернете в тематике видеонаблюдения и безопасности, нельзя было допустить, чтобы посетитель сайта уходил из-за долгой загрузки страниц. 

К тому же, быстродействие веб-ресурса важно для seo-продвижения. Сайт, который плохо решает проблемы своих посетителей, может быть понижен в результатах поисковой выдачи.

Замеры скорости загрузки до начала работ

С помощью сервиса PageSpeed Insights мы зафиксировали текущие показатели:

Скорость загрузки главной страницы для десктопа - 51 балл из 100 возможных
Скорость загрузки главной страницы для десктопа - 51 балл из 100 возможных
Скорость загрузки главной страницы для мобильных - 7 баллов
Скорость загрузки главной страницы для мобильных - 7 баллов
Скорость загрузки общей страницы каталога для десктопа - 46 баллов
Скорость загрузки общей страницы каталога для десктопа - 46 баллов
Скорость загрузки общей страницы каталога для мобильных - 10 баллов
Скорость загрузки общей страницы каталога для мобильных - 10 баллов
Скорость загрузки страницы товара для десктопа - 57 баллов
Скорость загрузки страницы товара для десктопа - 57 баллов
Скорость загрузки страницы товара для мобильных - 5 баллов
Скорость загрузки страницы товара для мобильных - 5 баллов
/

Аудит сайта и план действий

Взяв задачу в работу, мы провели аудит сайта:

  • проверили настройки хостинга, мощность и настройки сервера;
  • изучили настройки в административной панели сайта;
  • оценили работу скриптов;
  • проверили, как выглядят SQL-запросы к базе данных сайта;
  • выяснили текущий форматы отображения картинок, видео.

По итогу аудита составили план работ, согласовали его с клиентом и приступили к выполнению.

Ниже описаны шаги, которые мы предприняли, а также результаты, которые получили.

Работы по ускорению

1. Первоочередной задачей стал перенос сайта с виртуального хостинга на выделенный сервер, так как особенности размещения сайта на хостинге не позволяли нам выполнить часть важных мероприятий по ускорению. Например, нельзя было настроить конвертацию формата картинок из jpeg и png в webp. Плюс, используя собственные настройки основных компонентов сервера (nginx, mysql, php, memcached), мы оптимизировали время обработки запросов и повысили скорость отдачи ответа сервера.

Если вам тоже требуется перенос сайта на другой сервер, ознакомьтесь со статьей «Перенос сайта на другой сервер: как прописать DNS домена», она поможет избежать ошибок и не остаться без заявок.

2. Одновременная загрузка тяжелых скриптов при открытии страницы тормозила своевременную отдачу контента. Поэтому следующим шагом отложили загрузку js-скриптов Яндекс.Метрики, Google Analytics, чатов, карт и некоторых других. 

 

3. Далее настроили инструменты для отложенной загрузки изображений, которые хранятся в базе данных сайта.

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

Это решение позволяет не только физически быстрее загружать страницу, но и ботам, оценивающим и ранжирующих сайт в поиске (Яндекс, Google), быстрее получать страницу и оперативнее ее обрабатывать, что важно для SEO-продвижения сайта.

 

4. Оптимизировали загрузку файлов js и css таким образом, что скрипты и стили, необходимые для отображения первого экрана, грузятся сразу, а все остальные после загрузки контента.

 

5. Настроили на сервере программу и скрипт для конвертации изображений формата jpg и png в более современный формат webp. Он позволяет уменьшить размер файла изображения без потери качества. Веб-сервер по заголовкам запроса определяет, поддерживает ли браузер пользователя показ изображений формата webp, и если да, то отдает картинки нового формата.

 

6. Одним из важных моментов в работе сайта и его скорости является кеширование данных. Стандартное кеширование в CMS Bitrix — хранение данных в файлах на жестком диске сервера. Это позволяет хранить большой объем данных (в пределах размера жесткого диска), но имеет меньшую скорость выдачи. Для сайта rusmarta.ru мы использовали подход хранениния кеша в оперативной памяти сервера посредством memcache. Также в Битриксе есть инструмент дополнительного кеширования — «Композитный сайт», который мы подключили. Данный кеш также размещается в memcache.

 

7. Помимо прочего, был выполнен ряд настроек Битрикса инструментами CMS: исправлены ошибки, выявленные штатным тестированием, оптимизированы таблицы, созданы фасетные индексы, удалены неиспользуемые модули.

 

Результат ускорения

На изображениях ниже можно увидеть, как изменились показатели скорости загрузки основных шаблонов сайта для мобильных устройств и десктопа. 

Главная страница сайта. Десктоп. Было — 51 балл, стало — 82 балла
Главная страница сайта. Десктоп. Было — 51 балл, стало — 82 балла
Главная страница сайта. Мобильные. Было — 7 баллов, стало — 55 баллов
Главная страница сайта. Мобильные. Было — 7 баллов, стало — 55 баллов
Общая страница каталога. Десктоп. Было — 46 баллов, стало — 97 баллов
Общая страница каталога. Десктоп. Было — 46 баллов, стало — 97 баллов
Общая страница каталога. Мобильные. Было — 10 баллов, стало — 65 баллов
Общая страница каталога. Мобильные. Было — 10 баллов, стало — 65 баллов
Страница категории в каталоге. Десктоп. Было — 39 баллов, стало — 81 балл
Страница категории в каталоге. Десктоп. Было — 39 баллов, стало — 81 балл
Страница категории в каталоге. Мобильные. Было — 5 баллов, стало — 57 баллов
Страница категории в каталоге. Мобильные. Было — 5 баллов, стало — 57 баллов
Страница товара. Десктоп. Было — 57 баллов, стало — 85 баллов
Страница товара. Десктоп. Было — 57 баллов, стало — 85 баллов
Страница товара. Мобильные. Было — 5 баллов, стало — 54 балла
Страница товара. Мобильные. Было — 5 баллов, стало — 54 балла
/

Таким образом, для мобильных устройств мы ускорили загрузку сайта в 10 раз. Для десктопов со среднего значения в 50 баллов, по оценке PageSpeed Insights, вывели в зону больше 80-ти баллов из 100 возможных. Здесь важно, что сам сайт довольно тяжелый, с большим количеством скриптов, часть из которых нельзя унести в отложенную загрузку. Наша основная задача — не красивые цифры GPSI, а реальное ускорение загрузки сайта. На «живых» устройствах сайт стал открываться заметно быстрее, особенно на мобильных. Задачу считаем выполненной.

Нужно увеличить количество заказов с интернета?

Обращайтесь, приведем клиентов с рекламы и SEO сайта

Рекомендуем почитать

Хотите попробовать с нами?

Оставьте заявку или позвоните нам по номеру 8 (800) 775-67-49.

Оставить заявку
след самолета
Нажмите и держите для максимального увеличения