domInteractive против Time to Interactive - какая разница?

Question

Google предлагает несколько библиотек полизаполнения для измерения и отслеживания первой задержки ввода (FID) и времени до интерактивности (TTI) на аналитических платформах. Однако этот показатель не входит в стандартную комплектацию GA.

domInteractive, однако, является метрикой, которую вы можете отслеживать с помощью GA.

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

Мне лучше отслеживать TTI на моих пользователях, если я беспокоюсь о задержках ввода, влияющих на конверсию, или мне хорошо придерживаться domInteractive?

Answer 1

Я понимаю следующее:

Время до интерактивности (TTI) - это когда веб-сайт визуально удобен и привлекателен .Например, когда пользователь может щелкнуть по интерфейсу и веб-сайт работает.В идеале, мы хотим, чтобы все впечатления стали интерактивными как можно скорее .Примерами веб-сайтов с плохим TTI являются веб-сайты, на которых пользователь может активно взаимодействовать с пользовательским интерфейсом в течение продолжительного времени, прежде чем что-либо действительно произойдет.Плохой TTI вызван слишком много (основной поток) JavaScript , что неблагоприятно вызывает задержки для интерактивности для видимых элементов пользовательского интерфейса.Например, это здесь .Это особенно важный показатель для мобильного пространства , так как у всех нет хорошего телефона (поэтому потребуется больше времени для анализа JavaScript, необходимого для загрузки сайта ) кака также разница, возникающая из-за различных скоростей сети : то есть WI-FI, 3G, 4G

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

Первая задержка ввода (FID) - это измерение того, сколько времени прошлодля ответа на пользовательское событие. Например, сколько времени потребовалось обработчику события кнопки, чтобы вступить во владение и ответить, как только пользователь нажал кнопку.

Насколько я знаю FIDи TTI - экспериментальные показатели прямо сейчас, поэтому они, вероятно, не будут включены в Google Analytics по умолчанию.Что касается вашего вопроса: «Мне лучше отслеживать TTI на моих пользователях, если я беспокоюсь о задержках ввода, влияющих на конверсию, или я могу придерживаться domInteractive?»Вы действительно хотите отслеживать FID , если вы обеспокоены задержками ввода, влияющими на конверсию.TTI по-прежнему очень полезный показатель для отслеживания, поскольку он измеряет, когда ваш сайт в целом интерактивен , а TTI и FID обеспечат большую ценность, чем domInteractive.

Если вы все еще заинтересованыПроверьте это объяснение на Стоимость JavaScript от Адди Османи.Он прекрасно объясняет проблемы с производительностью, с которыми мы сталкиваемся в JavaScript, а также рассказывает о TTI и FID.

Cheers

Answer 2

Пришлось копаться в Spec , но я думаю, что нашел то, что искал:

Событие DOMContentLoaded возникает после перехода к «интерактивному», но до перехода к «завершенному», в момент загрузки всех подресурсов, кроме элементов асинхронного сценария.

В основном domInteractive будет не отражать асинхронные сценарии, которые все еще загружаются, поэтому ваша метрика TTI может варьироваться так широко.

Answer 3

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