Делай интерфейс быстрым

Порог Доэрти

Язык

Порог Доэрти (~400 мс): ответ быстрее сохраняет внимание и ощущение плавности. Дольше — поток ощущается вязким, даже если «терпимо».

Медленная и быстрая панель ответа
Проектируйте ожидания короче, чем они есть.
Скелетон в вайрфрейме
Скелетон сразу говорит о прогрессе.

Воспринимаемая скорость

Скелетоны, оптимистичный UI, префетч и стриминг бьют голый спиннер — если правда быстро догоняет.

Бэкенд и пакеты

Агрегируйте запросы, кешируйте горячее, пагинация осмысленно, тяжёлое в фоне со статусом задачи.

Бюджет интеракций

Анимации не должны раздувать задержку на частых действиях. Длинные кривые на каждый клик утомляют.

Практики

  • Бюджеты Lighthouse и RUM в CI.
  • Критический CSS инлайн; ленивый несущественный.
  • Дебаунс поиска; отмена устаревших запросов.

Типичные ошибки

  • Пустой экран, пока тянется JS.
  • Гигантский клиентский бандл для статики.
  • Игнор троттлинга CPU на мобиле.