Long Task API

TL;DR: Long Task API adalah Web API yang melaporkan task JavaScript di main thread yang berjalan lebih dari 50 ms. Task semacam ini menyebabkan freeze, jank, dan input lag yang merusak skor INP dan TBT. API ini wajib dipakai marketer Indonesia yang website-nya bergantung pada banyak tag pihak ketiga.

Apa itu Long Task API?

Long Task API memungkinkan browser melaporkan setiap blok eksekusi JavaScript yang menahan main thread di atas 50 ms. Threshold 50 ms dipilih karena di atas angka itu interaksi pengguna terasa tersendat. Praktik standar di industri menyebut task ini sebagai sumber utama TBT (Total Blocking Time) yang tinggi dan INP yang buruk.

API ini diakses lewat PerformanceObserver dengan entryTypes: ['longtask']. Setiap entry membawa startTime, duration, dan attribution yang menyebut frame atau script penyebab.

Cara Kerja Long Task API

Catatan: Long Task API memberikan attribution terbatas karena alasan privasi cross-origin. Untuk debug lebih dalam, kombinasikan dengan Long Animation Frames (LoAF) yang lebih granular.

Kenapa Penting?

Marketer yang memasang GTM, Meta Pixel, TikTok Pixel, dan tools chat sering tidak sadar script-script tersebut block main thread di awal sesi. Long Task API menjadi alat pertama yang mengonfirmasi script mana yang patut dipindah ke worker pakai Partytown atau ditunda lewat Scheduler API. Berdasarkan pengalaman Vito Atmo menangani site dengan 18-25 tag, Long Task API biasanya menemukan 3-5 sumber masalah utama dalam 30 menit audit.

Pertanyaan Umum

Apa bedanya Long Task API dengan Long Animation Frames API?

Long Task API melaporkan blok JS individual, sedangkan Long Animation Frames melaporkan frame render yang lambat secara holistik. LoAF lebih cocok untuk debug INP modern.

Apakah Long Task API berdampak ke performa?

Tidak signifikan. Observer hanya menerima notifikasi saat task long muncul, jadi overhead bisa diabaikan.