Содержание

Скорость страницы сайта и SEO

SEO
date_s 30 сентября 2021
eye_s 271
time_s 7-8 мин.
Олексій Дмитренко
Автор статьи:
Алексей Дмитренко
SEO-специалист

Что такое скорость страницы?

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

«Скорость страницы» не так проста, как кажется.

Это потому, что есть много разных способов измерения скорости страницы. Вот три самых распространенных:

Полностью загруженная страница: это время, необходимое для загрузки 100% ресурсов на странице. Это наиболее простой способ определить, насколько быстро загружается страница.

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

Если вы когда-нибудь заходили на страницу и несколько секунд смотрели на белый экран, значит, TTFB работает (Время ответа сервера).

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

Например, допустим, у вас есть запись в блоге, на полную загрузку которой уходит 10 секунд.

Это очень долго.

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

Например, давайте снова посмотрим на страницу, которой требуется 10 секунд для загрузки всех ресурсов страницы.

Несмотря на то, что загрузка всей страницы занимает немало времени, когда пользователь впервые попадает на страницу, он получает «Первое значимое отображение» через 1,5 секунды.

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

Нижняя линия?

Есть много разных способов измерения скорости страницы. И нет «правильного» показателя, который бы превосходил все остальные. У всех есть свои плюсы и минусы.

Вместо этого сосредоточьтесь на улучшении скорости загрузки вашей страницы по всем найденным показателям.

Почему скорость страницы важна для SEO?

Google использует скорость страницы в качестве фактора ранжирования с 2010 года .

А в 2018 году Google повысил важность скорости страницы с обновлением «Speed» для мобильных устройств.

Подытожим:

Медленная загрузка веб-сайта может повредить вашему рейтингу в Google.

Возникает вопрос: как Google определяет скорость загрузки вашего сайта? Они смотрят, сколько времени требуется для загрузки 100% страницы? Или TTFB (Время ответа сервера)?

Никаких официальных заявлений по этому поводу они не делали. Но учитывая, что они сообщают обо всех этих показателях в своем инструменте PageSpeed ​​Insights, они, вероятно, используют комбинацию различных измерений скорости страницы:

Как же увеличить скорость?

Сжать изображения

Это самая большая победа при попытках увеличить скорость.

Изображения обычно занимают 50-90% размера страницы.

Все новые сайты, пытаются чем-то отличаться друг от друга. Дизайнеры делают красивые страницы, но в них 50-80% размера страницы приходится на изображения.

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

Как это сделать?

Если ваш сайт работает на WordPress, вы можете использовать плагин под названием WP Smush :

Он автоматически сжимает любое изображение, которое вы загружаете в медиатеку WordPress. И, по крайней мере, по мнению создателей плагина, это может уменьшить размер файла изображения на 14,2%.

Не пользуетесь WordPress? Есть еще множество вариантов сжатия изображений, таких как Cesium и Mass Image Compressor .

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

Очистите и сожмите свой код

Другими словами: минимизируйте ресурсы, найденные на вашей странице .

Это включает:
  • HTML
  • CSS
  • JavaScript
  • И любой другой код, найденный на вашей странице

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

В любом случае: чем чище ваш код, тем быстрее он загружается.

Затем сожмите код с помощью такой программы, как GZip .

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

Это совет, о котором мало кто говорит.

Вы можете очистить свой код и сжимать изображение в течение всего дня. Но если вы тратите 100 гривен в месяц на хостинг, ваш сайт не будет загружаться быстро.

Это потому, что вы разделяете сервер с миллионом других веб-сайтов.

Есть миллион веб-хостов. В Украине обычно всего используют “хостинг Юкрейн”. И забывают о проблемах. А если они и появляются, то поддержка работает 24/7.

Когда дело касается хостинга, вы получаете то, за что платите.

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

Включите кеширование браузера

Это позволяет пользователям хранить части вашей страницы в кеше браузера.

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

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

Вы можете настроить кеширование браузера в файле .htaccess . Или с помощью плагинов WordPress.

Внедрите CDN

Сеть доставки контента ( CDN ) — один из самых простых способов повысить скорость загрузки вашего сайта.

Сети CDN определяют, где физически находится ваш посетитель, а затем отдают файлы вашего сайта с сервера, расположенного рядом с ним.

Ориентируйтесь на нескольких инструментов тестирования скорости страницы

Лучшим решением будет проверить скорость вашей страницы с помощью двух разных инструментов.

Первый — это Google PageSpeed ​​Insights .

Инструмент Google сканирует код вашей страницы на наличие проблем:

И возможностей:

Недавно они добавили функцию, которая сообщает о том, сколько времени требуется для загрузки вашего сайта для реальных пользователей (с использованием данных браузера Google Chrome).

Что очень полезно.

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

Например, инструмент Google может порекомендовать «Показывать изображения в форматах следующего поколения».

Однако эти форматы «следующего поколения» не поддерживаются большинством браузеров (включая Safari и Firefox). Так что, если вы переключитесь на эти форматы следующего поколения, пользовательский опыт вашего сайта пойдет насмарку.

Тем не менее: в этом инструменте есть масса полезных идей. И лучше реализовать как можно больше.

Далее у нас есть WebPageTest.org .

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

На просторах интернета можно найти много полезных гайдов и исследований. Главное тестить и вы получите ожидаемый результат!