Google Chrome есть Тест Новый метод измерения основных веб-жизнендов в одностраничных приложениях (SPAS), который является давней слепой точкой в отслеживании производительности, которая влияет на аудиты SEO и рейтинговые сигналы.

Начиная с Chrome 139, разработчики могут определить попытку происхождения для мягкой навигационной API. Это позволяет измерять метрики, такие как LCP, CLS и INP, даже если страница обновляет контент без полной загрузки.

Почему это важно для SEO

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

Это связано с тем, что спа -салоны часто обновляют страницу с помощью JavaScript без запуска обычной навигации. В результате системы измерений и большинство инструментов производительности Google пропускают эти обновления при расчете kern -web -vital.

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

Что делает новый API

Chromes Soft Navigation API использует интегрированную эвристику для распознавания, когда происходит мягкая навигация. Например:

  • Пользователь нажимает на ссылку
  • Страницы -Url -updates
  • Собор заметно меняется и запускает цвет

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

API вводит новые метрики и улучшения, в том числе:

  • interaction-contentful-paint — Вы можете измерить самый большой цвет контента после мягкой навигации
  • navigationId -Подача в записи производительности, чтобы метрики могли быть связаны с определенными навигациями (решающими, когда URL -адреса меняют середину взаимодействия)
  • Расширения на Смену макетаПодарок Событие -ТИМОВАНИЕИ Внедрение Работать над мягкими навигациями
ЧИТАТЬ  Мягкая или жесткая посадка для экономики США? Это больше похоже на отсутствие приземления; Что это такое, вот все, что вам нужно знать

Как попробовать

Вы можете проверить эту функцию сегодня в Chrome 139 с обоими:

  • Местные тесты: Активировать chrome://flags/#soft-navigation-heuristics
  • Попытка происхождения: Добавить токен для сбора реальных пользовательских данных через Meta Day или HTTP -заголовок

Chrome рекомендует активировать флаг «Advanced Off Attribution» для наиболее полных данных.

Чтобы отметить вещи

Chromes Барри Поллард, который возглавляет эту инициативу, подчеркнутый API все еще экспериментальный:

«Хотели бы вы измерить kern -web -vitals для спа -салонов?

Ну, мы работали над API Soft Navigation и начинаем новый тест на происхождение Chrome 139.

Возьмите его на запуск в вашем приложении и проверьте, распознает ли оно правильные навигации в вашем приложении, и дайте нам знать, не так ли это! «

Вот что еще вы должны знать:

  • Метрики не могут быть поддержаны в старых хромированных версиях или в других браузерах
  • Вашему провайдеру рома, возможно, придется поддерживать navigationId И interaction-contentful-paintДля преследования
  • Некоторые случаи края, такие как автоматическая пересылка или replaceState() Использование не может зарегистрироваться в качестве навигации

Посмотрите вперед

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

Хотя API еще не интегрирован в публичные отчеты о эффективности Chrome, таких как CRUX, это может измениться, если попытка окажется успешной.

Если ваш веб -сайт зависит от React, Vue, Angular или других SPA Frameworks, теперь у нее есть возможность проверить, насколько хорошо новый подход Chrome записывает пользовательский опыт.

Выбранная картина: Роман Самборки/Шаттерсток

Source