Барри Поллард, евангелист по развитию веб-производительности Google Chrome, предоставил рекомендации по выявлению истинных виновников неоптимальных низких оценок Contentful Paint и предложил решения для улучшения.
Самая большая содержательная краска (LCP)
Наибольшая отрисовка контента (LCP) является важным фактором производительности Интернета и представляет собой время, необходимое для появления наиболее заметного контента в области просмотра посетителя веб-сайта (видимая область браузера). Этот важный контент может включать в себя изображения или текст.
Для LCP самыми большими элементами контента являются HTML-элементы блочного уровня, которые занимают наибольшее пространство по горизонтали, например абзац
, заголовки (H1–H6) и изображения (в основном большинство HTML-элементов, занимающих большой объем). горизонтального пространства).
1. Знайте, какие данные вы просматриваете
Часто издатели и специалисты по SEO ошибочно решают проблему, отмеченную PageSpeed Insights (PSI), когда она указывает на низкий показатель Largest Contentful Paint (LCP), путем устранения проблемы с помощью инструмента Lighthouse или Chrome DevTools.
Поллард предлагает продолжать использовать PSI, поскольку он предоставляет многочисленные руководства, помогающие диагностировать проблемы, приводящие к снижению производительности локального контента (LCP).
Крайне важно понимать информацию, предоставляемую PSI, уделяя особое внимание данным, полученным из отчета об опыте пользователей Chrome (CrUX). Эти данные собираются из оценок анонимных пользователей Google Chrome. По сути, существует два типа:
1. Понимание данных, которые предоставляет PSI.
2. Обратите внимание на данные CrUX, которые поступают из анонимных рейтингов пользователей Chrome.
- Данные уровня URL-адреса
- Данные исходного уровня
На уровне страницы мы говорим об оценках URL-адресов, которые относятся конкретно к исследуемой веб-странице. С другой стороны, показатели Origin представляют собой набор данных, полученных в результате общего анализа всего веб-сайта.
Если на определенный URL-адрес имеется достаточный веб-трафик, PSI (PageSpeed Insights) отобразит подробные данные для этого URL-адреса. В тех случаях, когда трафик недостаточно значителен, PSI вместо этого предоставит данные уровня источника, которые представляют собой общий показатель производительности всего сайта.
2. Просмотрите оценку TTFB
Барри советует изучить рейтинг времени до первого байта (TTFB), поскольку, по его словам, «TTFB представляет собой начальное событие на вашей веб-странице.
Проще говоря, байт — это наименьшая часть информации, используемая в цифровых системах для представления таких символов, как буквы, цифры или мультимедийные файлы. Время до первого байта (TTFB) измеряет, сколько времени требуется серверу для отправки первого бита своего ответа, указывая, может ли медленное время реакции сервера вызывать проблемы с производительностью LCP.
Он отмечает, что улучшение веб-страницы не решит проблему, возникающую из-за медленного времени ответа до первого байта (TTFB).
«Медленный TTFB по сути означает одно из двух:
1) Отправка запроса на ваш сервер занимает слишком много времени
2) Сервер отвечает слишком долгоКак специалист по цифровому маркетингу, я обнаружил, что определение «что» и «почему» в различных маркетинговых категориях может быть довольно сложной задачей. Вот несколько возможных объяснений для каждой категории:
1. Маркетинг в поисковых системах (SEM). Сюда входит платная реклама в поисковых системах, таких как Google, Bing или Yahoo. Вы платите за то, чтобы ваше объявление появлялось вверху результатов поиска при использовании определенных ключевых слов. Это отличный способ охватить целевую аудиторию, которая активно ищет товары или услуги, похожие на ваши.
2. Контент-маркетинг. Эта стратегия направлена на создание и обмен ценным, актуальным и последовательным контентом с вашей целевой аудиторией. Цель — привлечь, вовлечь и превратить потенциальных клиентов в клиентов. Он может включать сообщения в блогах, видео, обновления в социальных сетях, электронные книги, инфографику и многое другое.
3. Маркетинг по электронной почте. Этот метод включает отправку целевых электронных писем списку подписчиков, которые согласились получать ваши сообщения. Это позволяет вам привлекать потенциальных клиентов, продвигать новые продукты или услуги и строить отношения с вашей аудиторией.
4. Маркетинг в социальных сетях. Эта стратегия использует платформы социальных сетей, такие как Facebook, Twitter, Instagram, LinkedIn и т. д., для взаимодействия с вашей аудиторией, повышения узнаваемости бренда и привлечения трафика на ваш веб-сайт. Все дело в создании сильного присутствия в Интернете и стимулировании участия сообщества.
5. Маркетинг влиятельных лиц. Сюда входит партнерство с влиятельными лицами (людьми, имеющими большое количество подписчиков в социальных сетях) для продвижения ваших продуктов или услуг. Поддержка влиятельного лица может помочь вам охватить более широкую аудиторию и повысить доверие к бренду.
6. Мобильный маркетинг. Поскольку все больше людей используют смартфоны для онлайн-деятельности, мобильный маркетинг становится все более важным. Он включает в себя SMS-маркетинг, маркетинг на основе приложений и оптимизацию веб-сайтов для мобильных устройств, чтобы обеспечить удобство работы с пользователем.
Каждая из этих категорий играет уникальную роль в цифровом маркетинге, и понимание их различий может помочь вам разработать более эффективную стратегию для вашего бизнеса.
Барри продолжил свой обзор отладки LCP конкретными тестами, которые описаны ниже.
3. Сравните TTFB с лабораторным тестом Lighthouse
По совету Полларда, лучше всего проводить тесты с помощью Lighthouse Lab Tests, уделяя особое внимание оценке «начального времени ответа сервера». Целью здесь является определить, можно ли последовательно воспроизводить проблему времени до первого байта (TTFB), чтобы мы могли исключить возможность того, что значения индекса производительности (PSI) могли быть аномалией.
Результаты лабораторных исследований не основаны на реальных посещениях пользователей; вместо этого они были созданы искусственно с использованием алгоритма в ответ на тестовое моделирование Lighthouse.
Тесты, созданные синтетически, полезны, поскольку их можно последовательно повторять, что позволяет пользователям точно определить конкретную причину любой возникшей проблемы.
Если лабораторный тест Lighthouse не воспроизводит проблему, это означает, что проблема не в сервере.
Очень важно проверить, согласовано ли расширенное время до первого байта (TTFB). Поэтому прокрутите вниз и проверьте, соответствует ли лабораторный тест Lighthouse этому медленному TTFB реального пользователя во время анализа страницы. Найдите в результатах аудит «Первоначальное время ответа сервера».
В данном случае это произошло намного быстрее — это интересно!»
4. Совет эксперта: как проверить, не скрывает ли CDN проблему
Барри поделился ценной информацией о сетях доставки контента (CDN), таких как Cloudflare. Сохраняя дубликаты веб-страниц в центрах обработки данных, CDN ускоряют загрузку веб-страниц, скрывая при этом потенциальные проблемы на стороне сервера.
Как профессионал в области цифрового маркетинга, я бы сказал это так: когда пользователь запрашивает веб-страницу, сеть доставки контента (CDN) не имеет готовой кешированной версии в каждом центре обработки данных по всему миру. Вместо этого он извлекает веб-страницу со своего исходного сервера. Однако если географически рядом с пользователем нет сервера CDN, первоначальная выборка может быть медленнее из-за расстояния. Если сам сервер медленный, эта задержка может быть еще более выраженной, что делает прямую доставку веб-страницы без CDN потенциально более быстрой, но менее эффективной с точки зрения взаимодействия с пользователем и общей производительности.
Барри предлагает следующие способы обхода кеша CDN:
- Проверьте медленную страницу, добавив параметр URL-адреса (например, добавив «?XYZ» в конец URL-адреса).
- Протестируйте страницу, которая обычно не запрашивается.
Другой способ проверить, может ли в некоторых странах наблюдаться снижение производительности, особенно без использования сети доставки контента (CDN), – использовать CrUX (отчет об опыте пользователя Chrome) и Treo от @alekseykulikov.bsky.social. Treo является отличным инструментом для этой цели.
Вы можете запустить бесплатный тест здесь: treo.sh/sitespeed, прокрутить вниз до карты и переключиться на TTFB.
Если в некоторых странах наблюдаются высокие значения времени до первого байта (TTFB), рассмотрите возможность проверки объема трафика, исходящего из этих стран. Из соображений конфиденциальности CrUX не отображает объемы трафика, если они не значительны, поэтому вам придется проанализировать свою аналитику, чтобы найти эту информацию.
Важно отметить, что низкая производительность, наблюдаемая в некоторых развивающихся регионах, может быть связана с широким использованием недорогих мобильных устройств. Кроме того, стоит отметить, что CruX не раскрывает конкретные страны, из которых происходят плохие оценки. Чтобы точно определить эти страны с медленным трафиком, было бы полезно включить инструменты аналитики.
5. Исправьте то, что можно повторить
Барри завершил разговор, предположив, что проблему можно решить только после того, как будет подтверждено, что она повторяется.
«Что касается проблем с сервером, недостаточно ли у него мощности?»
Или код слишком сложен/неэффективен?
Или база данных нуждается в настройке?
Для медленных соединений из некоторых мест нужен ли CDN?
Или выяснить, почему оттуда столько трафика (рекламная кампания?)
Если ничто не кажется исключительным, причина может быть в перенаправлениях, особенно вызванных рекламой. Эти перенаправления потенциально могут увеличить время до первого байта (TTFB) примерно на 0,5 секунды для каждого перенаправления!
Старайтесь свести к минимуму количество перенаправлений, гарантируя, что конечный URL всегда является точным и не требует перенаправления на «www» или «https». Кроме того, постарайтесь не использовать несколько разных служб сокращения URL-адресов.
Выводы: как оптимизировать рисование с наибольшим содержанием
Барри Поллард из Google Chrome предложил пять важных советов.
Информация из PageSpeed Insights (PSI) может дать подсказки по устранению проблем с длинным контентом (LCP), а дополнительные сведения в этой части поясняют, как эффективно интерпретировать данные.
2. Данные PSI TTFB (время до первого байта) могут указывать на то, почему страница имеет низкие оценки LCP.
4. Сети доставки контента (CDN) могут скрывать реальный источник проблем с большой отрисовкой контента (LCP). Следуйте методу, описанному ранее, известному как «уловка Барри», чтобы обойти CDN и получить подлинный лабораторный результат, который может помочь в устранении неполадок.
5. Барри перечислил шесть потенциальных причин плохих показателей LCP:
- Производительность сервера
- перенаправляет
- код
- база данных
- Медленные соединения из-за географического положения.
- Медленные соединения из определенных областей, вызванные определенными причинами, такими как рекламные кампании.
Прочитайте сообщение Барри о Bluesky:
Недавно ко мне обратились несколько человек с просьбой о помощи с проблемами LCP.
Смотрите также
- Действия команды поиска Google и Bing в Новый 2025 год
- Акции T. Т-Технологии: прогноз акций.
- Google запускает новый вид «24 часа» в консоли поиска
- OpenAI выпускает поиск ChatGPT: цитаты, элементы управления Robots.txt и многое другое
- 9 действенных шагов для улучшения вашего рейтинга в Google
- Акции KZOS. Казаньоргсинтез: прогноз акций.
- Акции LENT. Лента: прогноз акций.
- Бета-версия Audience Insights Google Merchant Center
- Будет ли в Once Human кроссплатформенная игра и кроссплатформенный прогресс?
- Google Ads разрешит рекламу курьеров по фэнтези-спорту и лотереям во многих штатах
2025-01-10 11:09