Всё, что нужно знать о скорости загрузки сайта в рамках SEO
5 июля 2024 | 19:00
Если ваш сайт загружается медленно — это раздражает и отталкивает пользователей: они просто закрывают сайт и уходят к конкурентам.

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

В этой статье обсудим, почему скорость загрузки сайта важна для SEO, как её измерить и что сделать для улучшения производительности. Это поможет повысить позиции в поисковых системах и сделать сайт более удобным для пользователей.
Измеряем скорость загрузки сайта. Метрики
Скорость загрузки сайта — это время, за которое сайт полностью открывается у пользователя. Ниже собрали метрики, которые помогут её измерить.
TTFB
Time to First Byte — время до получения первого байта данных от сервера. Норма — менее 200 мс. Улучшите TTFB, выбрав быстрый хостинг (например, SiteGround или A2 Hosting) и обновив ПО сервера. Настройте кэширование, чтобы браузеры сохраняли часто используемые файлы.
FCP
First Contentful Paint — время до отображения первого содержимого на странице, например, текста или изображения. Норма — менее 1,8 сек. Для улучшения FCP уменьшите размер файлов CSS и загружайте изображения только тогда, когда они становятся видимыми на экране (ленивая загрузка).
LCP
Largest Contentful Paint — время до загрузки самого большого элемента на странице. Норма — менее 2,5 сек. Для улучшения LCP сжимайте изображения и используйте CDN — сеть серверов, которая доставляет копии вашего сайта пользователям из ближайшего сервера, ускоряя загрузку.

Подробнее, как улучшить метрики, расскажем в разделе «Сайт медленно загружается. Основные причины и решения».
Как измерить и проанализировать скорость загрузки сайта. Инструменты
Рекомендуем сочетать разные инструменты, чтобы достигнуть максимального результата.
Google PageSpeed Insights
Бесплатный инструмент от Google, который анализирует скорость вашего сайта и предлагает отличные рекомендации по улучшению — от самого поисковика. Что умеет Google PageSpeed Insights:
  • проверяет скорости мобильной и десктопной версий сайта;
  • генерирует визуальные отчёты;
  • даёт детальные рекомендации, как устранить ошибки.
У Google PageSpeed Insight действительно простой и понятный интерфейс
GTmetrix
GTmetrix показывает подробный отчёт о скорости загрузки и предлагает советы по оптимизации. В платной премиум-версии дополнительно есть:
  • мониторинг производительности в реальном времени;
  • тестирование из разных регионов;
  • доступ к более детализированным отчётам.
Если вы заходите из России, не забудьте включить VPN — иначе GTmetrix не пустит на сайт.

Подписки снова доступны

Виртуальная иностранная карта для оплаты любимых сервисов

Pingdom Tools
Pingdom Tools анализирует производительность сайта и показывает, как разные элементы влияют на скорость загрузки. Что умеет Pingdom Tools:
  • предоставляет визуальные отчёты;
  • тестирует скорость из различных регионов;
  • включает мониторинг в реальном времени;
  • отправляет оповещения о сбоях и подробные отчёты, которые помогают постоянно улучшать скорость сайта.
Уже на главной Pingdom Tools можно выбрать регион для анализа скорости
WebPageTest
WebPageTest позволяет:
  • проводит детальный анализ скорости сайта из разных регионов мира,
  • предоставляет подробные отчёты с графиками загрузки,
  • позволяет тестировать в различных браузерах и условиях сети.
  • показывает, как разные элементы страницы влияют на скорость загрузки,
  • предлагает конкретные рекомендации по оптимизации.
Сайт медленно загружается. Основные причины и решения
Тяжёлые изображения и медиафайлы
Большие и несжатые изображения занимают много времени для загрузки, что замедляет работу сайта.

Решение
Оптимизация изображений с помощью инструментов сжатия, таких как TinyPNG или ImageOptim. TinyPNG позволяет сжать изображения без потери качества.

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

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

Премиум-услуги Cloudflare включают улучшенную защиту от DDoS-атак, расширенные возможности кэширования, приоритетную поддержку и доступ к аналитике в реальном времени.
Неоптимизированный код (CSS, JavaScript)
Неоптимизированные и большие файлы CSS и JavaScript замедляют загрузку сайта.

Решение
С неоптимизированным кодом на сайте помогут минимизация кода JavaScript и объединение CSS с помощью специальных инструментов, например, UglifyJS или CSSNano.
Плагины и виджеты
Избыток плагинов и виджетов может сильно замедлить работу сайта — проблема чаще всего актуальна для WordPress.

Решение
Регулярно проверяйте и удаляйте ненужные плагины. Есть сервисы, которые помогают оптимизировать плагины на сайтах WordPress — например, WP Rocket.
Проблемы с хостингом
Низкокачественный хостинг может быть причиной медленной работы сайта.

Решение
Перейдите на более быстрый и надёжный хостинг. Рассмотрите варианты, такие как SiteGround или A2 Hosting, которые предлагают отличную производительность.

Думаем, вы уже понимаете, с помощью карты какого сервиса их можно оплатить.

Зарубежная карта для оплаты подписок

Оплачивайте иностранные сервисы картой VALUT.NET

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

Решение
  • Настройте кэширование на сервере (например, через. htaccess или Nginx).
  • Включите кэширование в браузере с помощью заголовков HTTP.
  • Установите плагины для кэширования, такие как W3 Total Cache или WP Super Cache для WordPress.
Добавьте ленивую загрузку — Lazy Loading
Ленивая загрузка поможет, если все изображения и ресурсы загружаются сразу, замедляя загрузку страницы.

Решение
  • Внедрите ленивую загрузку с помощью JavaScript библиотек, таких как LazyLoad.
  • Используйте плагины для WordPress, например, Lazy Load by WP Rocket.
Оптимизируйте базы данных
Со временем база данных засоряется ненужными данными, что замедляет работу сайта.

Решение
  • Оптимизируйте базу данных через phpMyAdmin или с помощью SQL-запросов.
  • В WordPress удаляйте старые ревизии постов и ненужные данные с помощью плагинов, таких как WP-Optimize.
  • Настройте автоматическое резервное копирование и оптимизацию базы данных.
Уменьшите количество редиректов
Небольшая справка: редирект — это перенаправление пользователя с одной URL-адреса на другой. Например, если пользователь заходит на oldsite.com, но автоматически перенаправляется на newsite.com

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

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

Собрали чек-лист по оптимизации скорости — эти простые шаги помогут вашему сайту загружаться быстрее.

  1. Сжимайте изображения перед загрузкой.
  2. Минифицируйте CSS и JavaScript файлы.
  3. Включите кэширование в браузере и на сервере.
  4. Используйте ленивую загрузку для изображений и видео.
  5. Подключите CDN для быстрой загрузки контента.
  6. Оптимизируйте загрузку веб-шрифтов.
  7. Уменьшите количество HTTP-запросов.
  8. Отключите и удалите ненужные плагины и виджеты.
  9. Перейдите на более быстрый хостинг.
  10. Регулярно проверяйте скорость сайта с помощью инструментов, таких как Google PageSpeed Insights.