Истории успеха Google Lighthouse: повышение производительности с помощью технической оптимизации

С помощью Google Lighthouse вы можете быстро и легко оценить технические характеристики любого URL-адреса. Подробные тесты измеряют время загрузки, доступность и веб-безопасность и в то же время выявляют потенциал для улучшения технической инфраструктуры веб-сайта. В этой записи блога я хотел бы поделиться несколькими примерами компаний, которые успешно использовали Google Lighthouse для повышения своей эффективности в Интернете. Узнайте, как азиатская торговая площадка Carousell использовала Lighthouse для увеличения органического трафика на 63%, как показатели эффективности TripAdvisor и Expedia Lighthouse коррелируют с рейтингом Google и многое другое.

Если вам нужен обзор того, что такое Google Lighthouse и насколько он важен для рейтинга в поисковых системах, вы можете начать с прочтения нашего технического описания Searchmetrics «Факторы ранжирования Google Lighthouse 2019». В документе анализируется текущее состояние оптимизации веб-сайтов с высоким рейтингом на Google.com на основе данных более 15 миллионов аудитов Google Lighthouse. Загрузите технический документ здесь:

Факторы ранжирования Google Lighthouse 2019

История успеха 1: как азиатский eBay повысил показатель Lighthouse Performance с 17 до 84 баллов

Наше первое тематическое исследование Lighthouse основано на азиатском ответе eBay, торговой площадке carousell.com. Сингапурская платформа опирается в первую очередь на мобильный трафик, и с целью расширения на другие азиатские страны, такие как Индонезия и Филиппины, они искали способ увеличить время мобильной загрузки своего Progressive Web App: «Веб-страница занимает больше времени. более 15 с для загрузки через 3G (как у нас) неприемлемо, если мы хотим привлечь и удержать наших новых пользователей», — объясняет Стейси Тэй, руководитель веб-технологии Carousell, в своем блоге на Medium, где он описывает, как Carousell подошла к технической оптимизации производительности. своего сайта.

Начнем с того, объясняет Стейси, что результаты их первоначальных аудитов Lighthouse стали тревожным звонком — оценка производительности составила всего 17 баллов, а результаты в категориях Progressive Web App и Accessibility были очень посредственными. Только оценки в двух категориях, SEO и Best Practices, которые фокусируются на аспектах безопасности веб-сайта, таких как HTTPS или безопасные библиотеки JavaScript, были удовлетворительными.

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

Меры по технической оптимизации были проведены в 2018 году — в конце октября Стейси Тэй зафиксировала успех на Medium. Если мы посмотрим на SEO-видимость carousell.com в его родной стране Сингапуре, то мы увидим явное улучшение производительности:

Перед выполнением задач, необходимых для оптимизации, была поставлена ​​четкая цель миссии:

«Мы хотели дать новым пользователям восхитительный опыт с самого начала, потому что производительность — это пользовательский опыт. Для этого мы разработали новый веб-интерфейс, ориентированный на производительность». Стейси Тэй, руководитель отдела веб-технологий в Carousell

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

После согласования бюджета были установлены цели, основанные на результатах аудитов Google Lighthouse:

Как упоминалось ранее, показатель производительности до оптимизации составлял всего 17 баллов. После оптимизации домашней страницы carousell.com они подняли ее до 84 баллов. Аспекты инфраструктуры сайта, которые были рассмотрены, включали настройку более эффективной системы кэширования с предварительным кэшированием рабочих ящиков и сервисными работниками, сжатие изображений и применение встраивания CSS. В совокупности эти меры способствовали созданию быстрого и удобного для пользователя прогрессивного веб-приложения — и вот как теперь загружается страница:

Веские доказательства успеха оптимизации производительности Carousell можно найти в цифрах. Помимо сокращения времени загрузки на 65%, наиболее заметным улучшением является увеличение трафика. С момента оптимизации органический трафик Carousell вырос на 63%:

Прочитайте факторы ранжирования Google Lighthouse 2019

История успеха 2. Как Staples и Walmart использовали ускорение загрузки для повышения конверсии

Говоря об оптимизации времени загрузки, есть некоторая статистика Google, которая часто используется в качестве точки отсчета. Например, по мере увеличения времени загрузки увеличивается и вероятность того, что мобильный пользователь вернется к результатам поиска. Если время загрузки увеличивается с одной до трех секунд, то вероятность отказов увеличивается на 32%; если время загрузки увеличивается с одной до пяти секунд, то вероятность отказов увеличивается на 90%.

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

Прочитайте факторы ранжирования Google Lighthouse 2019

История успеха 3. Как компания Douglas вдвое сократила время загрузки

Теперь обратимся к немецкому парфюмерному гиганту Douglas, который использовал Google Lighthouse для значительного улучшения производительности своего веб-сайта. Их история успеха восходит к Черной пятнице 2017 года, когда огромный всплеск трафика привел к тому, что страница была недоступна для некоторых пользователей. Показатели производительности Google Lighthouse в то время также демонстрировали явные возможности для улучшения. Майкл Сингер, внештатный технический SEO-консультант из Мюнхена, который работал над проектом для douglas.de и с мая 2018 года координировал операции между ИТ и SEO, объясняет: «До оптимизации время до взаимодействия в 3G составляло более 20 секунд. – теперь мы сократили его примерно до 8 секунд».

Чтобы добиться такого впечатляющего результата аудита Google Lighthouse, были внесены существенные изменения в структуру веб-сайта парфюмерного ритейлера. «Мы рассмотрели более 200 технических тикетов», — объясняет Майкл и вспоминает многочисленные изменения, которые были внесены: Мобильный субдомен был деактивирован; мобильные пользователи теперь попадают на адаптивный основной www-домен Дугласа. Кроме того, douglas.de был преобразован для использования JS React, что снижает количество узлов и запросов, сжимает HTML и уменьшает размеры изображений. Также была уменьшена задержка базы данных и реализовано несколько оптимизаций кеша.

«В центре нашей работы находится пользователь, который должен иметь возможность пользоваться сайтом как можно быстрее. Цель нашей оптимизации скорости страницы заключалась в том, чтобы сократить время первого взаимодействия до 4 секунд. Это, вместе с переходом на JS React и переходом на единую адаптивную версию веб-сайта, привело к значительному росту нашей SEO-видимости, увеличению трафика и увеличению оборота». Майкл Сингер, внештатный технический SEO-консультант

Эти оптимизации с использованием оценок производительности Google Lighthouse привели к заметному улучшению времени загрузки страницы. «Чтобы проверить показатели, мы проводим тесты скорости в реальном времени с помощью Instana, которые показывают нам долгосрочные эффекты. В апреле 2018 года значения для рабочего стола все еще превышали 8 секунд. В октябре 2018 года мы часто достигали 4-секундной отметки». И последнее, но не менее важное: техническая доступность веб-сайта также была улучшена, так что теперь можно лучше справляться с пиками трафика, такими как в Черную пятницу.

Эта оптимизация производительности привела к немедленному улучшению SEO-видимости сайта douglas.de. В период с мая 2018 года по май 2019 года органическая видимость домена увеличилась на 25 %.

Конечно, Searchmetrics SEO Visibility — это лишь один из начальных показателей эффективности веб-сайта в Google. Майкл Сингер дает дополнительную информацию о других ключевых показателях эффективности, на которые повлияла оптимизация douglas.de. «Посещения значительно увеличились, и оборот также сильно вырос», — говорит Майкл. Коэффициент конверсии также увеличился в той же пропорции, не в последнюю очередь потому, что SEO — это канал, который приносит douglas.de наибольшую выручку.

Краткий обзор результатов оптимизации Дугласа:

• Время загрузки страницы -50%
• SEO-видимость +25%
• Большой рост посещений, конверсий и оборота.

Прочитайте факторы ранжирования Google Lighthouse 2019

История успеха 4: как производительность URL влияет на рейтинги Google для TripAdvisor и Expedia

Чтобы исследовать взаимосвязь между показателями Lighthouse Performance и реальным рейтингом Google, я решил провести анализ в туристической индустрии. Я сопоставил 3500 ключевых слов, связанных с путешествиями, по таким темам, как отели, авиарейсы и караваны, и проанализировал страницы рейтинга на Google.com, а также просмотрел позиции рейтинга TripAdvisor и Expedia по этим ключевым словам. Результат: TripAdvisor и Expedia занимают высокие позиции, когда их производительность Google Lighthouse также высока:

Почему здесь такая четкая связь? Индустрия онлайн-путешествий отличается высокой конкуренцией, и за нее борются многочисленные крупные игроки. Помимо TripAdvisor и Expedia, у вас есть Booking.com, Hotels.com, FlightRadar и т. д., все они пользуются высоким уровнем доверия и являются хорошо зарекомендовавшими себя популярными брендами. В то же время трудно провести различие между разными брендами. Во многих случаях содержание, например описание отеля, будет очень похожим, поэтому веб-сайту трудно выделиться с помощью основного УТП. И если несколько сигналов ранжирования в значительной степени одинаковы — бренд одинакового размера, схожий интерфейс, схожие функции, сходный контент — тогда производительность веб-сайта, вероятно, будет решающим фактором при определении рейтинга.

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

Чтобы узнать, насколько релевантны результаты Google Lighthouse для вашего рынка, вы можете использовать настраиваемые факторы ранжирования Searchmetrics. Мы анализируем данные Google Lighthouse для вашего соответствующего рынка, объединяем их с нашими собственными данными ранжирования Searchmetrics и даем конкретные действенные рекомендации по технической оптимизации вашего веб-сайта. Запросите свой личный отчет сегодня:

Запросить индивидуальный аудит Searchmetrics Lighthouse