Скорость загрузки страниц и как ее увеличить

Почему важно, чтобы сайт быстро загружался

Первая причина: SEO

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

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

Вторая причина: юзабилити

С медленным сайтом неудобно работать. И даже если представить, что пользователю так нужна информация, опубликованная на странице, что он все же дождался ее загрузки, вероятность того, что он пойдет дальше, снижается. Уже на третьей странице глубина просмотра значительно падает. То есть скорость загрузки сайта влияет на глубину просмотра. Что всё это значит в практическом плане? Если у вас продающий сайт (например, интернет-магазин), но при этом медленный и неудобный, то снижается его конверсия, так как пользователи просто не доходят до оформления заказа, не смотрят другие товары в каталоге и т.д.

То есть скорость влияет на удобство, удобство — на глубину просмотра, а она, в свою очередь, — на конверсию. Также низкая скорость загрузки сказывается на посещаемости ресурса: никто не хочет пользоваться медленным неповоротливым сайтом.

Ну и наконец, скорость загрузки сайта сама по себе является фактором ранжирования. Роботы реже посещают медленные сайты.

Из чего складывается скорость загрузки

• Скорость рендеринга страницы. Это время, за которое сайт полностью появляется на экране устройства, то есть все элементы страницы (изображения, текст, навигация, скрипты и т.д.) собираются воедино, и в результате пользователь видит готовую страницу.
• Скорость загрузки контента. Как быстро файлы с сервера приходят на устройство пользователя.
• Скорость ответа сервера. Как быстро сервер обработал запрос пользователя.

Если рассматривать эти факторы более детально, то параметры, определяющие скорость сайта, сводятся к следующему перечню:
• Возможности хостинга и тариф. Сайты, требующие больших мощностей, размещенные на тарифе для блога, будут работать медленно.
• Удаленность сервера. Чем ближе сервер к пользователю, тем выше скорость загрузки.
• Наличие плагинов, особенности шаблона. Сайты на «тяжелых» шаблонах или с большим количеством установленных плагинов грузятся долго.
• Объем мультимедийного контента (вес и количество изображений, видео). Чем их больше, тем медленнее открывается страница.
• «Чистота» кода, использование Java Script.
• Использование веб-шрифтов. На загрузку шрифтов из интернета нужно время.
• Использование кэширования. Если оно включено, страницы загружается быстрее.
• Количество запросов на сервер. Большое количество запросов замедляет загрузку страницы.

Как проверить скорость загрузки страницы

Самый популярный сервис проверки скорости — Google PageSpeed Insights. После проверки сервис покажет сводный балл страницы от 0 до 100. Чем меньше балл, тем меньше скорость загрузки. Оптимальное значение начинается от 50 баллов. Если страница получила 90-100 баллов, то это отличный результат: значит, ресурс работает на максимальной скорости. PageSpeed Insights не только покажет время загрузки, но и слабые места сайта и даст рекомендации по тому, как увеличить скорость загрузки страниц в браузере.

Есть и другие сервисы проверки быстроты работы сайта: Pingdom, Webpageperformancetest, Monitis Tools и другие.

Как увеличить скорость загрузки страницы сайта

Как оптимизировать сайт, чтобы он загружался быстрее:

1Выбрать надежный хостинг-провайдер. Например, Beget /https://beget.com/p95123/) Не менее важно определить подходящий тариф в зависимости от веса сайта. Если сайт большой — особенно если он работает на CMS Bitrix, то рекомендуется выбирать усовершенствованный тариф с повышенной мощностью.

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

3Провести ревизию картинок на сайте. Все ли они нужны? Уберите лишние изображения. Оптимизируйте размер изображений. Сжать картинку для веба можно в любом графическом редакторе.

4Включить кэширование. Когда кэш включен, браузер загружает некоторые данные (те, которые редко меняются) в кэш, и при повторном обращении к странице, берет их уже из кэша, а не с сервера.

5Оптимизировать HTML и CSS стили. Убрать из кода лишние пробелы, символы, комментарии. Посмотреть, нужен ли javascript. Может, ту же функцию можно осуществить без него.

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