6 советов по улучшению оценки скорости вашей страницы для SEO и конверсий

  1. Определение скорости загрузки страницы на вашем сайте
  2. Google PageSpeed ​​Insights
  3. Тест веб-страницы
  4. GT Metrix
  5. 6 советов по улучшению скорости вашей страницы для SEO и конверсий
  6. 1. Устранить блокировку рендеринга JavaScript и CSS в верхнем содержании
  7. 2. Оптимизируйте изображения
  8. 3. Сократить время отклика сервера
  9. 4. Используйте кеширование браузера
  10. 5. Минимизируйте HTML, CSS и JavaScript
  11. 6. Избегайте перенаправлений с целевой страницы
  12. Резюме

Мы много слышим о важности скорости загрузки страницы, но как это напрямую влияет на SEO и конверсию? В этой статье мы рассмотрим основные последствия медленной загрузки сайта, влияние на SEO (поисковая оптимизация) и CRO (оптимизация коэффициента конверсии) и общие исправления для медленной загрузки сайтов.

Определение скорости загрузки страницы на вашем сайте

Существует ряд инструментов для оценки скорости вашего сайта. Вот некоторые из самых популярных (бесплатных) инструментов:

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

Google PageSpeed ​​Insights

Согласно веб-сайту PageSpeed ​​Insights, «PageSpeed ​​Insights измеряет производительность страницы для мобильных и настольных устройств. Он выбирает URL дважды, один раз с мобильным пользовательским агентом и один раз с настольным пользовательским агентом.

PageSpeed ​​Insights проверяет, применяет ли страница общие рекомендации по повышению производительности, и предоставляет оценку, которая варьируется от 0 до 100 баллов ».

PageSpeed ​​Insights проверяет, применяет ли страница общие рекомендации по повышению производительности, и предоставляет оценку, которая варьируется от 0 до 100 баллов »

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

  • Устранить блокировку рендеринга JavaScript и CSS в верхнем сгибе
  • Оптимизировать изображения
  • Сократить время отклика сервера
  • Используйте кеширование в браузере
  • Минимизировать CSS
  • Сократить JavaScript
  • Избегайте перенаправлений с целевой страницы

Тест веб-страницы

Тест веб-страницы работает аналогично Page Speed ​​Insights. Вы можете выбрать любую страницу на своем веб-сайте для тестирования, а также выбрать из широкого диапазона мест тестирования, что поможет вам точно проверить скорость ваших страниц в целевых странах. Мы также всегда рекомендуем запускать как минимум три теста (вы можете обновить их в дополнительных настройках), чтобы получить медианный балл для показателей скорости страницы.

Результаты теста веб-страницы сильно отличаются от PageSpeed ​​Insights. Одна вещь, которую Web Page Test очень хорошо измеряет, - это важная метрика «время до первого байта». Это время, необходимое для получения первого байта с сервера. Google рекомендует это время должно быть менее 200 миллисекунд.

GT Metrix

GT Metrix - последний инструмент, который мы используем при тестировании показателя скорости страницы. Это снова представляет результаты, очень похожие на PageSpeed ​​Insights, с действенными рекомендациями. Регистрация бесплатна, и как только вы это сделаете, у вас есть возможность изменить место тестирования и браузер. Вы также можете запускать тесты на устройствах Android, которые не запускаются через эмулятор, поэтому вы получите действительно точное представление о своей производительности на мобильных устройствах.

Вот некоторые из ключевых особенностей:

  • Проанализируйте свою страницу с помощью Google PageSpeed и Yahoo! YSlow наборы правил
  • Получить время загрузки страницы , общий размер страницы и общее количество запросов
  • Оцените эффективность своей страницы относительно среднего по всем сайтам, проанализированным на GTmetrix.

YSlow наборы правил   Получить время загрузки страницы , общий размер страницы и общее количество запросов   Оцените эффективность своей страницы относительно среднего по всем сайтам, проанализированным на GTmetrix

Как и все эти инструменты, важно не зацикливаться на достижении 100% оценки. Оптимизация оценки скорости вашей страницы зависит от широкого спектра факторов, и хотя вы можете набрать 100% на GT Metrix или достичь магического показателя 85/100 на PageSpeed ​​Insights, если время отклика вашего сервера низкое, вы все равно можете получить медленная загрузка сайта.

6 советов по улучшению скорости вашей страницы для SEO и конверсий

Когда дело доходит до SEO и CRO, скорость страницы очень важна. Google объявил еще в апреле 2010 года эта скорость страницы должна была быть использована в качестве фактора ранжирования, и по мере того, как мы приближаемся к индексу первых мобильных устройств в 2018 году, это будет становиться все более важным. С точки зрения конверсии, предоставление сайта с быстрой загрузкой и возможностью быстрого процесса конверсии помогает гарантировать, что клиенты не покинут ваш сайт на этом важном этапе конверсии.

Итак, что вы можете сделать, чтобы ускорить ваш сайт?

Итак, мы уже рассмотрели некоторые распространенные проблемы, возникающие у PageSpeed ​​Insights, Web Page Test и GT Metrix, поэтому давайте более подробно рассмотрим, как решать эти проблемы, с помощью нескольких действенных советов .

1. Устранить блокировку рендеринга JavaScript и CSS в верхнем содержании

Прежде чем браузер сможет отобразить страницу, он должен построить дерево объектной модели документа (DOM), проанализировав разметку HTML. Во время этого процесса, когда парсер встречает скрипт, он должен остановить и выполнить его, прежде чем он сможет продолжить анализ HTML. Вы должны избегать (или, конечно, минимизировать) использование этого рендера, блокирующего JavaScript, особенно внешние скрипты, которые должны быть извлечены, прежде чем они могут быть выполнены.

Как

Есть три основных способа управления этим:

  1. Встроенный JavaScript
  2. Сделать JavaScript асинхронным
  3. Отложить загрузку JavaScript

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

Узнать больше Вот ,

2. Оптимизируйте изображения

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

Есть несколько способов оптимизировать ваши изображения. Лучший способ сделать это, прежде чем они будут загружены на ваш сервер. Существует множество сторонних инструментов, которые сжимают ваши изображения. Есть факторы, которые следует учитывать при сжатии. В зависимости от того, как будут использоваться ваши изображения, будет определяться качество изображений, которые вы хотите добавить на свой сайт. Мы обычно используем бесплатный инструмент под названием Крошечный jpeg или же Крошечный PNG сжать наши изображения, прежде чем они будут добавлены на сервер. Другие инструменты доступны, чтобы убедиться, что вы делаете свои исследования и находите решение, которое работает для вас.

Верхний совет

Если у вас большой сайт с множеством изображений, которые не оптимизированы или не сжаты, мы нашли хорошее решение с помощью инструмента, созданного Google. Guetzli это алгоритм с открытым исходным кодом, который создает высококачественные изображения JPEG с размерами файлов, которые на 35% меньше, чем доступные в настоящее время методы. Вы можете просто вытащить все файлы изображений прямо с вашего сервера, запустить их через Guetzli, а затем повторно загрузить оптимизированные файлы обратно на сервер. Бинго. Если у вас есть Mac скачать это - и пусть он работает на всех ваших изображениях.

3. Сократить время отклика сервера

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

Существуют десятки потенциальных факторов, которые могут замедлить время отклика вашего сервера, в том числе:

  • Медленная логика приложения
  • Медленные запросы к базе данных
  • Медленная маршрутизация
  • Каркасы
  • Библиотеки
  • Ресурсы ЦП
  • Память голодная

Для вас будет крайне важно определить проблемы, которые влияют на ваш веб-сайт, и поработать над определением приоритетов и их устранением.

подсказки

Создайте трехэтапный процесс для решения проблем времени отклика сервера:

  1. Собирать данные и проверять - собирать данные о производительности (используя инструменты выше)
  2. Определите и исправьте - когда у вас есть данные, расставьте приоритеты для устранения узких мест с максимальной производительностью
  3. Мониторинг и оповещение - установите автоматизацию для мониторинга и оповещения о любых будущих проблемах

4. Используйте кеширование браузера

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

Верхний совет

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

5. Минимизируйте HTML, CSS и JavaScript

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

6. Избегайте перенаправлений с целевой страницы

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

  • example.com использует адаптивный веб-дизайн, перенаправления не требуются - быстро и оптимально!
  • example.com → m.example.com/home - штраф в обе стороны для мобильных пользователей.
  • example.com → www.example.com → m.example.com - очень медленный мобильный опыт.

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

Резюме

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

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

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

Проект Google Accelerated Mobile Pages (AMP)

Прогрессивные веб-приложения (PWA)

PWAMP (прогрессивные веб-приложения с использованием Google AMP)

Спасибо за прочтение.

Итак, что вы можете сделать, чтобы ускорить ваш сайт?