Javascript Web Workers Offload Cpu Heavy Main Thread Postmessage

Definisi

Web Worker menjalankan script di thread terpisah dari UI utama, sehingga komputasi berat (parsing besar, kripto, image processing) tidak membekukan halaman. Komunikasi lewat postMessage / onmessage (structured clone).

Kapan dipakai

Pakai saat ada tugas CPU-intensive yang bikin UI lag (di atas ~50ms). Hindari untuk I/O murni (fetch sudah async di main thread) atau DOM manipulation (worker tak punya DOM).

Cara kerja

Buat worker

js

// main.js
const w = new Worker('worker.js');
w.postMessage({ type: 'start', n: 1e7 });
w.onmessage =