Вам говорили «не блокируйте основной поток» и «разбивайте длинные задачи», но что значит делать эти вещи?
Опубликовано: 30 сентября 2022 г., Последнее обновление: 19 декабря 2024 г.
Общие советы по обеспечению быстрой работы приложений JavaScript сводятся к следующему:
- «Не блокируйте основную ветку».
- «Разделяйте длительные задачи».
Это отличный совет, но сколько работы это потребует? Меньше JavaScript — это хорошо, но означает ли это автоматически более отзывчивые пользовательские интерфейсы? Возможно, а может и нет.
Чтобы понять, как оптимизировать задачи в JavaScript, сначала нужно узнать, что такое задачи и как браузер их обрабатывает.
Что такое задача?
Задача — это любая отдельная операция, выполняемая браузером. Эта работа включает в себя рендеринг, парсинг HTML и CSS, выполнение JavaScript и другие виды операций, которые вы можете не контролировать напрямую. Из всего этого написанный вами JavaScript, пожалуй, является самым крупным источником задач.