Оптимизировать скорость загрузки вашего сайта является ключевой задачей, которой нужно уделить большое внимание при разработке и поддержке ресурса. Пользователи уже привыкли, что могут быстро получить всю информацию.
Почему важна скорость?
Производительность — это ключ к удержанию пользователей.
Когда страница не загрузится первые 1-2 секунды, то 80% пользователей покинут её. Если у вас сайт, который специализируется на интернет- продажах, то удержание или потеря клиента зависит от загрузки. Ваша страница не открывается за 3 секунды, то пользователь покидает сайт и уходит к конкурентам. Поэтому считается, что самые лучшие компании в первую очередь делают акцент на сокращении времени загрузки сайта. Оптимальная скорость загрузки сайта – до трех секунд. Но у этого показателя есть разделение на ответ от сервера (до 0,5 секунд) и отрисовку первого контента (до 1 секунды).
2. Производительность позволяет повысить конверсию.
Важную роль для повышения конверсии играет удержание пользователей. Если ваш сайт будет медленно загружаться, то это отразиться на вашем доходе, в свою очередь быстрые сайты в разы смогут повысить вашу конверсию.
3. Комфорт пользователей повышает производительность.
Скорость занимает основную роль для удобного использования сайта. Даже проводилось исследование о том, что у пользователей появляется стрессовое состояние, когда пользуясь мобильным интернетом скорость бывает медленной.
Производительность считается основным моментом пользовательского контента. Если сайт будет перегружен ошибочным кодом, то браузер должен будет затрачивать мегабайты на загрузку трафика, которые есть в тарифном плане пользователя. Например, у телефона есть ограниченная мощность процессора, а также объем памяти. Довольно сложно справляться с выполнением неоптимизированного кода, хотя на первый взгляд его объем может показаться вам маленьким. Из-за этого сайт начинает зависать. Чаще пользователи отказываются от медленных сайтов, так как альтернативу, где скорость будет быстрая всегда можно найти.
4. Производительность увеличивает посещаемость.
Все мы прекрасно знаем, что Яндекс и Google отдают предпочтения в выдаче сайтам с быстрой загрузкой страниц, а медленные сайты понижают в выдаче поисковой системы.
Если сайт у вас загружается очень медленно, тем более с мобильных телефонов, то вероятность занимать высокую позицию в поисковике очень маленькая.
Поэтому следует часто делать тест скорости загрузки сайта. Если протестировав вы видите плохой результат, то нужно быстрее найти проблему и исправить её.
Для проверки скорости загрузки рекомендуются использовать сервисы:
- https://pagespeed.web.dev/ https://loading.express/
- https://www.webpagetest.org/
Мы рекомендуем (не профессионалам) проверять свои сайты в сервисе https://loading.express/, он максимально простой и понятный для русской аудитории.
Основные возможные причины медленной работы сайта могут быть следующие:
- Медленный ответ сервера (слабый или перегруженный сервер, неоптимизированный код или запросы к базе данных, отсутствие кэширования)
- Большой вес сайта (большой размер js/css/html кода или много фото / видео контента)
С данной проблемой к нам обратилась компания “Кирпич.ру”, у которой стал медленно загружаться сайт, что начало приводить к потере клиентов.
Проанализировав их сайт через сервисы проверки скорости работы, мы поняли, что основная проблема быстрой загрузки сайта в серверной части (ответ сервера главной страницы сайта превышал 1,5 секунды при оптимальных 500 мс).
Изучив подробнее работу сервера, проверив посещаемость сайта, настроенное кэширование, запросы к базе данных, работу кода, мы обнаружили ряд проблем, а именно:
Например, не все модули/блоки (можно сказать компоненты) сайта были закэшированы, что породило за собой лишние sql запросы к базе данных, а также увеличение время выполнения кода.
Обнаружили баг с конвертацией картинок в формат webp. В некоторых случаях, картинки не могли конвертировать в этот формат и из-за этого на каждом хите пользователя выполнялись одни и те же действия, которые не давали нужного результата, но давали большую дополнительную нагрузку на сервер, а также увеличивали скорость загрузки сайта. Мы изменили подход к конвертации картинок.
Так как сайт разработан на Битриксе, мы сразу обратили внимание на некие базовые настройки, которые порою упускают разработчики. Но эти настройки позволяют легко улучшить показатели загрузки, не потратив много времени.
А именно, это настройки оптимизации css/js
Если у вас онлайн-бизнес, то основным фактором пользовательского восприятия будет скорость сайта, поэтому данная настройка оптимизации очень важна. Может показаться, что оптимизировать CSS/JS довольно тяжело, но пользуясь грамотными инструментами сделать это будет легко.
У вас может быть классный и качественный товар, отличная настройка рекламы, цепляющий копирайтинг, но в этом нет смысла, если сайт у вас постоянно тормозит. Ваш товар или продукт пользователи не смогут увидеть. Таким образом, вы теряете клиентов, что приводит к потере прибыли и ухудшению бизнес-процессов. Сейчас на рынке достаточно много конкурентов, поэтому важной задачей является не упустить клиента.
Решение этих проблем, привело к значительному улучшению скорости загрузки сайта. Клиент доволен, мы тоже счастливы. Данный сайт ещё находится в процессе разработки. Мы планируем его только улучшать, что в конечном итоге приведёт к ещё большему увеличению конверсии, а именно прибыли.
Ускорение загрузки сайта — задача, которую не стоит оставлять на потом и откладывать работу над оптимизацией.