Скорость загрузки сайта

Одна дополнительная секунда при загрузке веб-страницы приводит к:

• меньшему просмотру страниц на 11%;
• уменьшении удовлетворённости клиентов на 16%;
• потери в конверсии на 7%.

Ещё пара секунд при загрузке веб-страницы может иметь огромное значение для привлечения клиентов в ваш интернет-магазин и, как следствие, осуществления продаж. Получается, что иметь быстрый сайт крайне важно не только для ранжирования в поисковых сетях, но и для получения высокой прибыли.

Как оптимизация скорости сайта влияет на конверсию

47% пользователей ожидают от того или иного сайта, что он загрузится за одну-две секунды. 40% покинут страницу, если загрузка занимает более трёх секунд. А те посетители, оставшиеся на сайте, могут не вернуться на него из-за долгой загрузки в следующий раз.

В одном опросе 79% пользователей ответили, что они бы не вернулись на сайт с низкой скоростью загрузки страниц. В этом же опросе 52% покупателей сказали, что главным фактором их положительного отношения к сайту является быстрая загрузка страниц. Логика проста: чем быстрее загружается страница, тем выше вероятность того, что пользователь совершит покупку.

Amazon когда-то провёл A/B-тестирование, в котором они намеренно замедлили скорость загрузки страниц на 100 миллисекунд. Они выяснили, что даже такое незначительное снижение в скорости загрузки сайта приводит к заметному падению выручки.

Какое время загрузки считается хорошим?

Прежде чем вы начнёте работу над оптимизацией скорости вашего сайта, нужно определиться со значениями. По данным Google, приемлемое время загрузки веб-страницы — три секунды. Однако согласно их исследованиям, большинство сайтов и рядом с этим значением не стоят. Особенно это касается мобильных версий сайтов: анализ 900 000 мобильных посадочных страниц показал, что 70% исследованных страниц превышают рекомендуемый показатель – 3 секунды – в несколько раз.

Теперь давайте рассмотрим некоторые способы оптимизации скорости загрузки сайтов.

1. Сократите HTTP-запросы

Согласно данным Yahoo, 80% времени загрузки веб-страницы тратится на загрузку таких составляющих страниц, как изображения, CSS и JavaScript. Для каждого из этих элементов создаётся HTTP-запрос. Получается, что чем больше на странице таких компонентов, тем больше времени потребуется для рендеринга страницы.

2. Минимизируйте и объедините файлы

Минимизация предполагает удаление излишнего форматирования (перенос строк и табуляция), пробелов и кода. Объединение файлов означает именно то, что вы думаете: несколько CSS- или JavaScript-файлов объединяются в один.

3. Используйте асинхронную загрузку для CSS- и JavaScript-файлов

CSS и JavaScript могут загружаться двумя способами: синхронно и асинхронно. Если ваши файлы с CSS и JavaScript загружаются синхронно, они загружаются по одному в той последовательности, в которой они прописаны на странице. А если CSS- и JavaScript-файлы загружаются асинхронно, то значит, некоторые из них загружаются одновременно.

4. Задержать загрузку JavaScript (отложенная загрузка)

Задержать загрузку файла означает, что его загрузка произойдёт только после полной загрузки других элементов. Задерживание загрузки больших файлов JavaScript гарантирует загрузку остальных элементов без запаздывания.

5. Сократите время до получения первого байта (TTFB)

Помимо времени, которое тратится на полную загрузку страницы, вы также должны обратить внимание на то время, которое тратится на то, чтобы начать загрузку. TTFB (Time to first byte) – это время, которое браузер тратит на ожидание до получения первого байта данных с сервера. Google рекомендует, чтобы TTFB был меньше 200 миллисекунд.

6. Уменьшите время ответа сервера

Один из главных факторов быстрой загрузки веб-страницы это время, затраченное DNS-поиском. DNS (Domain Name System; система доменных имён) – это сервер с базой данных IP-адресов и их имена хостов. Когда пользователь вводит URL в адресную строку своего браузера, DNS-сервер превращает этот URL в IP-адрес. Получается, что DNS-поиск представляет собой процесс нахождения определённую запись DNS.

7. Выберите правильный хостинг

При выборе хостинга, вам следует обратить внимание на виртуальный хостинг, VPS/VDS и выделенный сервер. Виртуальный хостинг самый дешёвый, подразумевающий под собой то, что вы разделяете такие ресурсы как ЦПУ, место на диске и ОЗУ с другими сайтами, размещёнными на том же сервере, что и ваш сайт. Если же вы выбираете VPS- или VDS-хостинг, ваш сайт по-прежнему находится на одном сервере с другими сайтами, но для каждого из них отведено определённое количество ресурсов. А с выделенным сервером вы ни с кем не делите ресурсы, т. к. весь сервер отведён только под ваш сайт, и в этом случае вы ответственны за настройку конфигурации.

8. Проведите аудит по сжатию

Это в ваших же интересах, чтобы ваши файлы весили как можно меньше, не жертвуя при этом качеством. Чем меньше файл, тем быстрее она загрузится. Сжатие файлов позволит уменьшить размер файлов HTML, CSS, JavaScript, XML, а также простого текста, представленного на странице.

9. Уменьшите размер изображений

Изображения играют большую роль в скорости загрузки сайта. Зачастую они много весят, и поэтому могут замедлять загрузку. По статистике 66% покупателей хотят увидеть по крайней мере три фото товара перед тем, как совершить покупку. Получается, что наличие изображений крайне важно для конверсии сайта. Уменьшение размера картинок заключается в изменении исходных значений ширины и высоты того или иного изображения. То есть если вы хотите, чтобы картинка был шириной в 500px и высотой в 600px, вы изменяете размер данного изображения напрямую, а не через задание нужных вам значений через код.

10. Не создавайте цепочки редиректов

Когда вы перемещаете и удаляете страницы, зачастую приходится использовать редиректы, чтобы избежать проблемы с битыми ссылками. Но если у вас есть цепочки редиректов, т. е. страницы, переадресовывающие на другие переадресовывающие страницы, то создаётся много HTTP-запросов, которые, в свою очередь, могут негативно повлиять на скорость загрузки веб-страниц, особенно на мобильных устройствах. Например, Google вообще не рекомендует вебмастерам использовать цепочки редиректов. В общем, старайтесь не злоупотреблять редиректами.

Если ваш сайт нуждается в оптимизации скорости его загрузки, вы смело можете обратиться к нам. Мы будем рады вам помочь!