Оптимизация переднего конца со временем взаимодействия (TTI)

Время взаимодействия TTI
Время взаимодействовать вопросы

Медленные веб-сайты раздражают.

Несмотря на заявления о том, что медленные веб-сайты являются одним из основных поворот для посетителей сайта проблема растет. Что дальше… возвращение неонового цвета Comic Sans MS шрифт? Что это за 1998 год? Серьезно, хотя … Оптимальное время загрузки веб-сайта составляет три секунды (или меньше), однако, среднее время загрузки 100 лучших розничных сайтов составляет 7,72 секунды, что является ужасающим замедлением на 13,7 процента с весны 2012 года, согласно исследованию Radware.

Тем не менее, есть яркое пятно, так как некоторые веб-сайты поймали на возникающих ключевых показателей для использования веб-сайта и пользовательский опыт он обеспечивает: Время взаимодействия (TTI). Dotcom-Monitor рассмотрел скорость веб-сайта TTI в предыдущем блоге, где мы обсуждали некоторые из его преимуществ. Тем не менее, позволяет теперь взглянуть на то, как веб-сайты на самом деле используют TTI, чтобы обеспечить лучший пользовательский опыт для своих посетителей сайта.

Время взаимодействия и загрузка страницы не равны

Во-первых, вся эта штука с TTI не совсем прямая. Для того чтобы whit, изучение Radware показало сильную корреляцию между страницами которые имели более быстро TTI и те которые имели более быстрое общее время нагрузки. Тем не менее, с некоторыми сайтами не было никакой корреляции между временем загрузки страницы и TTI. Например, три сайта в топ-10 для TTI —Netflix.com, iHerb.com и LivingSocial.com— на самом деле были время загрузки страниц, которые будут считаться медленнее, чем в среднем по отрасли, но их TTI был очень коротким. Это убедительно свидетельствует о том, что они уже приняли TTI в качестве метрики и оптимизировали свое содержание, поэтому их важный интерактивный контент загружается первым, в то время как менее важное содержание откладывается. , ха! Это сильный сигнал, что время взаимодействия становится стандартом для пользовательского опыта и анализа производительности в Интернете.

Трюки торговли

Оптимизация страницы для TTI отличается от оптимизации страницы для общего времени загрузки. В частности, некоторые советы по оптимизации TTI включают в себя:

  • Загрузка содержимого «выше раза» в первую очередь
  • Загрузка интерактивных элементов быстро
  • Сжатие текста и изображений
  • Минификация кода
  • Использование keepalives так, чтобы кэшированный контент не истекал
  • Отсрочка загрузки сторонних скриптов (например, социальных и аналитических инструментов), а также любых элементов, которые не должны быть интерактивными до полной загрузки страницы

Оптимизация веб-сайтов для TTI не трудно, но это займет некоторую работу, определяющую, что содержание посетителей, вероятно, считают важным. Для большинства сайтов это не проблема; для сайта электронной коммерции, важное содержание часто довольно очевидно, например, признакам продукт дня. На блоге, вполне вероятно, признакам или новейшие статьи. Если вы отслеживаете ваших посетителей, это не трудно определить, где большинство из них проводят свои первые несколько секунд на вашем сайте. Использование принципа TTI для организации и оптимизации контента в течение первых нескольких секунд работы пользователя, вероятно, разница между покупкой и раздраженным пользователем и потерянной возможностью.

Что вы думаете о TTI? Является ли это действительным веб-метрики производительности для измерения пользовательского опыта? Препятствуйте нам знать в комментариях ниже…

 

Фото кредита: Адам Фостер | Кодфорcc

Latest Web Performance Articles​

Как правильно использовать Google PageSpeed Insights: техническое руководство

PageSpeed Insights — это веб-инструмент Google, который анализирует производительность и оптимизацию веб-страниц. Он предоставляет ценную информацию и рекомендации, которые помогут разработчикам веб-сайтов повысить скорость своих

15 лучших инструментов мониторинга инфраструктуры

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

20 лучших инструментов мониторинга серверов 2023 года

Инструмент мониторинга серверов — это программное обеспечение, которое отслеживает работу и общее состояние серверов и других компонентов ИТ-инфраструктуры. Эти инструменты непрерывно отслеживают и собирают информацию

Топ 25 инструментов мониторинга серверов

В этой статье мы дадим нашим экспертам выбор из 25 лучших инструментов мониторинга серверов, которые помогут контролировать время безотказной работы вашего сайта и дать вашим пользователям лучший опыт, начиная с нашего собственного решения в Dotcom-Monitor. Узнайте, почему мониторинг серверов является неотъемлемой частью любой стратегии мониторинга.

Топ-20 синтетических инструментов мониторинга

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

Start Dotcom-Monitor for free today​

No Credit Card Required