Как проверить и увеличить скорость загрузки сайта, и как она влияет на SEO-продвижение

Современные пользователи привыкли к быстрому интернет-серфингу. Google измеряет точное время загрузки и благоволит к быстрым, высокопроизводительным сайтам. Покупатели предпочитают делать повторные заказы на ресурсах с мгновенной загрузкой страниц. Что же остается тем сайтам, которые загружаются дольше пары секунд? Раздражение пользователей, отток посетителей, снижение конверсии, высокий процент отказов, падение рейтинга в результатах поиска.

Разбираемся, какими инструментами можно измерить скорость загрузки, какие ее показатели считаются оптимальными, и как избавиться от негативных последствий «неторопливости» работы веб-сайта.

Что такое скорость загрузки сайта и почему она важна

Время, проходящее от клика по ссылке до полной загрузки для старта взаимодействия с сайтом – это и есть та скорость, которая напрямую влияет на ранжирование в поисковых системах. Хотя фактор не считается основным, нельзя его недооценивать. Именно из-за низкой скорости ресурсу не попасть в топ даже при идеальном соответствии всех остальных параметров требованиям поисковиков. Для коммерческого портала в медленная загрузка страниц – синоним «самоубийства».

Неумолимая статистика предоставляет массу фактов для размышления и анализа:

  • до 79% покупателей отказываются от повторных заказов на медленных сайтах;
  • для 53% мобильных пользователей 3 секунды – предел ожидания, после чего сессия прерывается;
  • при задержке от 2 до 5 секунд показатель отказов составляет 90%, а у мобильной страницы, скорость которой падает с 1 до 10 секунд, этот показатель вырастает на 123%;
  • каждые 100 мс (одна десятая секунды) задержки, по исследованиям Google и Amazon, на 1% уменьшают прибыль коммерческих порталов;
  • благодаря Mobile First Index, длительная загрузка мобильной версии сайта ведет к потере позиций в выдаче для десктопной версии;
  • секундная задержка может снизить конверсию от 1% до 7%;
  • алгоритм ранжирования Speed Update от Google автоматически перемещает вниз страницы с низкой скоростью загрузки.

Есть еще целый ряд показателей, кроме конверсии, на которые влияет скорость сайта. Это поведенческие факторы, глубина просмотров, процент отказов и – в итоге – репутация бренда.

Как проверить скорость загрузки сайта

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

Лучшие сервисы для проверки скорости

  • PageSpeed Insights. Минималистичный инструмент от Google для проверки производительности страниц дает общую оценку и рекомендации по улучшению показателя. Для мобильных страниц лучше использовать Google Lighthouse, который работает даже оффлайн. Сервис проведет сравнение с «идеалом» по качеству верстки, использованию кеша, количеству внутренних переходов и т. д., укажет скорость, уровень оптимизации, доступность и даст оценку сайта.

  • Pingdom Tools. С помощью этого инструмента можно быстро провести анализ, обнаружить проблемы, замедляющие загрузку, найти и устранить ошибки, оценить время загрузки картинок, скриптов CSS-стилей. Как и предыдущий сервис, Pingdom Tools предложит реализовать меры по повышению быстродействия.

  • GTmetrix. Во многом похож на Pingdom Tools, но с более удобными отчетами. Помимо прочего он продемонстрирует данные о расположении сервера, запросах, динамике скорости сайта (история проверок), так что будет легко отслеживать результативность действий по оптимизации.

  • Webpagetest. Тоже очень удобный и функциональный сервис, где можно провести проверку скорости загрузки с имитацией той или иной геолокации, браузера или устройства. Инструмент выдает баллы по разным показателям и позволяет наблюдать за динамикой загрузки из истории.

Показатели скорости загрузки страницы, которые считаются нормой

Нормальная скорость – это тот уровень быстродействия, который одновременно комфортен для посетителей ресурса и приемлем для поисковиков.

Показатель в 1-2 секунды – оптимальный вариант для любого сайта, 7-8 секунд и дольше – критически плохой, требуется немедленная оптимизация. А вот в середине между указанными крайностями все чуть сложнее. Если скорость отрисовки контента в 3-5 секунд для отдельных проектов еще может считаться терпимой, то для крупных коммерческих ресурсов (например, интернет-магазинов или маркетплейсов со значительным количеством контента) такой показатель уже недопустим.

Влияние скорости сайта на ранжирование в поисковых системах

Для Google быстрота отклика сайта, измеряемая в секундах – это всего лишь один из факторов ранжирования, довольно многочисленных. А вот постоянный рост процента отказов, вызванный тем, что посетители покидают медленный ресурс – куда более серьезный сигнал. В результате позиции сайта обязательно будут падать и эта тенденция сохранится до тех пор, пока не будут приняты меры по увеличению показателя быстродействия.

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

Требования Google к скорости загрузки сайта

Классификация Google выглядит довольно просто.

Для компьютерных версий сайта:

  1. Хорошая скорость загрузки – до 1 сек.
  2. Средняя – от 1 до 2,1 сек.
  3. Низкая – дольше 2,1 сек.

Для мобильных версий:

  1. Хорошая скорость загрузки – до 1,6 сек.
  2. Средняя – от 1,6 до 3 сек.
  3. Низкая – дольше 3 сек.

Цифры для мобильных устройств немного ниже, что объясняется учетом более слабого интернета. Под поисковые санкции подпадают только сайты из последней, медленной категории, так что держаться от указанного Google рубежа стоит как можно дальше, а в случае критических показателей – немедленно исправлять ситуацию.

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

На скорость отображения веб-страницы влияет много факторов. Это и чистота HTML кода, и его объем, и качество изображений, и количество установленных плагинов. При этом нет такого фактора, влияние которого нельзя было бы исправить при условии грамотного профессионального подхода.

Проверка и уменьшение времени ответа сервера

В отличие от скорости полной загрузки, время ответа сервера – это период от браузерного запроса до вывода на экран первого байта. В идеале он должен составлять до 100 мс, но приемлемым диапазоном считается 100-200 мс.

Проверить время ответа можно с помощью консоли DevTools, Google Analytics или других инструментов (Netpeak Spider, Serpstat, GTmetrix и пр.). Следует опираться на простое правило – каким бы ни был ваш результат, всегда нужно стремиться его сокращать. Сделать это можно с использованием сетей доставки контента CDN, которые загружают web-файлы с ближайшего сервера. Близость локации дата-центра к вашей ЦА обеспечит более быструю загрузку.

Техническая оптимизация сайта

Одна из самых распространенных причин проблемы медленных сайтов – это недостаточный уровень компетентности их разработчиков, что не позволило учесть массу ошибок:

  • некорректное заполнение файла robots.txt;

  • лишние редиректы;

  • некорректная HTML-карта сайта;

  • наличие зеркал (копий сайта с одинаковым контентом);

  • битые ссылки и дубли страниц;

  • неправильно созданная структура сайта;

  • неправильно выстроенная внутренняя перелинковка;

  • несоблюдение валидности верстки;

  • наличие вирусов и вредоносного кода;

  • наличие пустых страниц и т. д.

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

Оптимизация CSS и Javascript

Чем больше перегружен сайт, тем медленнее загружаются его страницы. Ускорить процесс можно несколькими методами:

  • выполнить проверку и чистку кода с помощью соответствующих сервисов (Minifier, Willpeavy, CSS Compressor);

  • использовать правильную очередность загрузки ресурсов, осуществить правильную компоновку CSS (в начале страницы для постепенного отображения);

  • минимизировать количество JavaScript кода для отрисовки первого экрана (переместить его в конец страницы, чтобы браузер загружал скрипты после текстов и изображений);

  • подключить JavaScript и CSS по типам страниц, чтобы исключить траты времени загрузки на файлы, которые не используются;

  • отказаться от запросов @import url("style.css").

Работа с контентом на сайте

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

Сжатие изображений и видеофайлов

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

  • до 7 Кбайт – для каталогов;

  • до 18 Кбайт – для товарных карточек;

  • до 950 Кбайт – для увеличенного просмотра.

Имеет смысл использовать GZIP сжатие, благодаря чему без жертв в плане качества изображения можно вдвое сократить объем загружаемого контента, а значит – увеличить скорость загрузки.

Чтобы «облегчить» изображения можно уменьшить их физические размеры, но есть и другой способ – оптимизировать параметры сохранения. Файлы изображений нередко содержат также избыточные мета-данные, удаление которых не окажет влияния на качество, но сократит размер картинки.

Многократно замедляет загрузку страниц публикация видео файлов посредством протокола файлов FTP. Есть простое решение проблемы – публикация видеоматериалов на Youtube, например, с последующим встраиванием кода для размещения на странице. Такой метод дает сразу два преимущества – экономит место на хостинге и сокращает период загрузки.

Оптимизация шрифтов

Веб-шрифты (при их относительной незначительности) могут очень негативно влиять на скорость. Факторы влияния следующие:

  1. Количество шрифтов. Многообразие – явное излишество. На быстрых сайтах используется максимум 1–3 шрифта с 3–4 начертаниями каждый.

  2. Подбор шрифтов. Некорректные наборы шрифтов и загрузка вариантов, которые не поддерживают текущий язык сайта – распространенное упущение разработчиков.

  3. Показ при загрузке. Чтобы посетителям не приходилось смотреть на пустой экран в ожидании загрузки файла шрифта, следует добавить в стили свойство «font-display:swap», благодаря чему текст будет до загрузки отображаться системным шрифтом.

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

Выводы и рекомендации

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

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

Заказать SEO-аудит сайта