Увеличьте скорость страницы, чтобы улучшить SEO

На конференции Found в этом году Рэй Гризельхубер, наш собственный генеральный директор, говорил о важности дизайна для удобочитаемости . У пользователей обычно есть какие-то цели, прежде чем попасть на ваш сайт: они что-то ищут, прежде чем попасть на вашу целевую страницу, и вы хотите, чтобы это намерение пользователя соответствовало их намерениям. Кроме того, пользователи не хотят ждать их содержания. Из-за того, что пользователи ожидают мгновенного взаимодействия, обеспечение увеличения скорости страницы является жизненно важной частью SEO.

Улучшение скорости страницы и ранжирования одновременно

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

Скорость как фактор ранжирования не нова; Google использовал его в качестве фактора ранжирования в поиске на ПК по крайней мере с 2010 года. В 2018 году поисковая система объявила о том, что они назвали обновлением скорости , сделав скорость страницы фактором ранжирования для мобильного поиска . Объявление содержало здравые рассуждения: скорость страницы влияет на показатель отказов, а цель Google — направить пользователей на контент, на котором они хотят остаться. Он даже цитировал исследования, показывающие, что вероятность отказов резко возрастает, если время загрузки страницы превышает 3 секунды.

В то время как Search Engine Watch говорят, что скорость страницы лишь незначительно коррелирует с рейтингом , она очень сильно коррелирует с определенным поведением пользователей: и это поведение определенно повлияет на ваш рейтинг. Опять же, у пользователей есть представление о том, что они ищут, а медленные сайты не оправдывают ожиданий пользователей.

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

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

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

Медленное время загрузки означает, что вашим пользователям нечего судить — и они вполне могут уйти с вашего сайта. И наоборот, более высокая скорость страницы не только удерживает людей на вашем сайте, но и повышает их вовлеченность после их прихода. Одно исследование, проведенное Google и Deloitte , показало, что сокращение времени загрузки даже на 100 миллисекунд может оказать серьезное влияние на поведение пользователей: увеличение скорости страницы на 0,1 секунды сопровождалось увеличением конверсии на 10 процентов.

Устранение проблем, которые сокращают время загрузки.

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

Первый шаг: выяснить, где вы стоите. Функция Google Test My Site позволяет проверить скорость вашего сайта и показывает рекомендуемые исправления, если время загрузки превышает 2,5 секунды. Test My Site даже предоставляет индивидуальные предложения, указывая на лучшие улучшения для вашего сайта. Эти исправления могут включать:

• Кэширование HTTP для ускорения загрузки для возвращающихся пользователей. Браузеры могут кэшировать таблицы стилей, изображения и многое другое, чтобы вернувшимся пользователям не приходилось перезагружать всю страницу. Ознакомьтесь с руководством Google по этой теме здесь.
• Изображения подходящего размера . Убедитесь, что ваши изображения не больше, чем они должны быть: вам не нужны фотографии высокого разрешения для каждой страницы вашего сайта! Измените размер изображений, чтобы они соответствовали размерам дисплея вашего сайта. И убедитесь, что они в правильном формате (работают PNG или JPEG, но изображения WebP еще лучше).
• Сокращение редиректов . Каждый раз, когда страница перенаправляется на другую, ваши пользователи сталкиваются с дополнительным временем ожидания. Создавайте URL-адреса, которые подходят для ваших целей: по возможности избегайте использования страниц с многоточием или длинных URL-адресов, которые необходимо сокращать.
• Минимизация JavaScript, CSS и HTML . Минификация удаляет из файла кода все данные, которые не требуются для выполнения файла: в основном удаляются комментарии к коду и неиспользуемый код, используются более короткие имена функций и так далее. Это не то, что вы хотите делать вручную, но для этого проекта доступно множество инструментов и ресурсов.
• Сжатие больших файлов CSS, HTML и JavaScript . Попробуйте Gzip, алгоритм сжатия, который позволяет уменьшить размер файла и сохранить исходные свойства файла.
• Сокращение времени ответа сервера . Одним из важнейших факторов загрузки страницы является количество времени, которое требуется браузерам для получения вашего DNS или системы доменных имен. Некоторые провайдеры DNS работают быстрее, чем другие, поэтому вы можете подумать о переключении провайдеров DNS.
• Выбор лучшего варианта хостинга . Варианты дешевого хостинга обычно используют виртуальный хостинг (который размещает ваш сайт на том же сервере, что и другие сайты). Это означает, что всплеск трафика на ваш сайт или другие сайты, размещенные на том же сервере, может привести к замедлению загрузки. Возможно, вы захотите изучить VPS-хостинг (который резервирует определенные части ресурсов вашего сервера для вашего сайта) или выделенный сервер.

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

Используйте AMP для лучшей скорости страницы и UX

Использование AMP или ускоренных мобильных страниц — отличный способ повысить производительность страниц на вашем сайте. AMP — это HTML-фреймворк с открытым исходным кодом, обеспечивающий более быструю и плавную загрузку мобильных приложений. Расширенные мобильные страницы перенаправляют ваши стандартные HTML-страницы на урезанную версию страницы, сокращая часть кода, который может тормозить ваш сайт. AMP начал свою деятельность как конкурент Google для страниц с мгновенной загрузкой через Facebook Instant Articles и Apple News. Сегодня несколько платформ поддерживают AMP, и вы, возможно, уже это делаете. Если нет, рассмотрите возможность его использования, чтобы сократить скорость страницы.

AMP говорит, что использует семь основных факторов, чтобы сократить время загрузки. Они включают:

• Он выполняет только асинхронный JavaScript, сокращая количество сценариев, блокирующих контент. Скрипты и компоненты AMP загружаются одновременно, поэтому один фрагмент скрипта не ждет другого.
• Независимые от ресурсов макеты сокращают время, необходимое для загрузки ресурсов. Внешние ресурсы, такие как изображения, реклама или фреймы, должны указывать свой размер в HTML, чтобы AMP мог определить размер и положение каждого элемента до загрузки ресурсов.
• CSS оптимизирован и раздут: сервер должен загружать только несколько таблиц стилей, а не всю библиотеку. Думайте об этом как о хорошей гигиене CSS.
• Веб-шрифты оптимизированы и, опять же, загружаются асинхронно с остальной частью страницы.
• Пересчеты стилей и макетов очень ограничены. Большинство страниц предоставляют браузеру свой макет по частям, но AMP предоставляет все свои макеты заранее.
• Анимации запускаются на графическом процессоре, а не на центральном процессоре, поэтому ваш компьютер требует меньше усилий для их рендеринга.
• AMP отдает приоритет загрузке ресурсов. AMP сначала загружает самые важные ресурсы — текст вверху страницы.

Хорошо, да: эти семь факторов крайне нежелательны. Мораль такова: AMP создает более быструю и легкую версию вашего сайта. Эта версия загружается быстрее и обеспечивает лучший UX. И, если вы хотите повысить свою производительность на мобильных устройствах, вы должны проверить это.

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

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

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

Нужен аудит скорости страницы, чтобы начать работу? Запланируйте предварительный звонок сейчас или заполните эту форму, и мы начнем.