Карточка Middle Производительность и Web Vitals обновлено
Длинная задача
Вопрос
Что такое длинная задача (long task)?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Задача в главном потоке длиннее 50 мс. Пока она идёт, браузер не может обработать ввод и отрисовать кадр.
Ответ
Задача в главном потоке длиннее 50 мс. Пока она идёт, браузер не может обработать ввод и отрисовать кадр. Главная причина плохого INP и высокого TBT.
Разбор
Лечится разбиением работы, переносом в воркер и уменьшением JS.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.