Digital Transformation
SharedArrayBuffer (JavaScript)
TL;DR: SharedArrayBuffer adalah tipe data JavaScript untuk berbagi memori antar worker thread, mempercepat komputasi paralel seperti decoding gambar atau encryption. Per 2026 sudah didukung mayoritas browser modern dengan syarat header COOP dan COEP.
Apa itu SharedArrayBuffer?
SharedArrayBuffer (SAB) adalah varian dari ArrayBuffer yang bisa diakses oleh main thread dan multiple Web Worker secara bersamaan. Berbeda dengan ArrayBuffer biasa yang harus di-copy saat di-postMessage, SAB membagi reference ke memori yang sama.
Use case populer di marketing tech: decoding gambar batch di background tanpa block main thread, proses encryption untuk privacy-preserving analytics, dan WebAssembly heavy compute seperti A/B testing video preview.
Cara Kerja
| Komponen | Fungsi |
|---|---|
new SharedArrayBuffer(size) | Alokasi memori shareable |
Atomics.add/load/store | Operasi atomic untuk hindari race condition |
Atomics.wait/notify | Sinkronisasi antar worker |
Browser mengaktifkan SAB hanya jika halaman mengirim header Cross-Origin-Opener-Policy: same-origin dan Cross-Origin-Embedder-Policy: require-corp. Tanpa keduanya, window.crossOriginIsolated akan false dan SAB tidak tersedia.
Kenapa Penting?
Untuk situs marketing yang berat aset (e-commerce dengan ribuan thumbnail, portfolio dengan video preview), SAB memungkinkan worker thread paralel memproses media tanpa freeze interaksi. Ini langsung berdampak pada skor INP di lapangan.
Pertanyaan Umum
Apakah SharedArrayBuffer aman?
Aman jika header COOP/COEP dipasang. Tanpa isolation, ada risiko side-channel attack seperti Spectre, makanya browser default block sejak 2018.
Apakah perlu pakai SAB untuk situs marketing biasa?
Tidak. Situs konten umum cukup dengan Web Worker biasa. SAB relevan untuk e-commerce, media library, atau aplikasi yang proses data besar di browser.
Istilah Terkait