Как JavaScript работает в браузере

JavaScript в браузере выполняется однопоточно в основном потоке рендеринга (UI thread), что означает последовательную обработку задач.

Основные этапы работы:

1. Парсинг HTML → создание DOM
2. Загрузка и выполнение JS (блокирует DOM-построение, если нет async/defer)
3. Совместно с CSSOM формируется Render Tree
4. Layout → Paint → Composite

Event Loop:

• Call Stack (LIFO) выполняет синхронный код
• Web APIs (таймеры, запросы) обрабатываются асинхронно
• Callback Queue (FIFO) → Task Queue (макрозадачи) и Microtask Queue (Promise, MutationObserver)

console.log('1'); // синхронно
setTimeout(() => console.log('2'), 0); // макрозадача
Promise.resolve().then(() => console.log('3')); // микрозадача
// Вывод: 1, 3, 2

Оптимизация: избегать долгих синхронных задач, использовать Web Workers для CPU-heavy операций.