TBT vs INP untuk Marketer Indonesia: Cara Memakai Proxy Lab dan Data Field tanpa Tertipu Skor Lighthouse di 2026

TL;DR: [TBT (Total Blocking Time)](/glosarium/tbt-total-blocking-time) adalah metrik lab yang memprediksi pengalaman interaksi, [INP (Interaction to Next Paint)](/glosarium/inp-interaction-to-next-paint) adalah metrik field yang menentukan ranking SEO. Tim Indonesia sehat memakai TBT untuk regression test sebelum rilis dan INP untuk monitoring nyata, bukan salah satu saja.

Banyak tim Indonesia di 2026 masih bertanya kenapa skor Lighthouse 95 tetapi pengguna nyata mengeluh halaman lambat. Jawabannya hampir selalu sama: keputusan diambil dari TBT di lab, bukan dari INP di field.

Saat klien personal branding Aris Setiawan minta audit performa, Lighthouse mereka tinggi tetapi data CrUX menunjukkan INP di kategori "perlu perbaikan". Pola ini lazim. Lab dan field bicara dua bahasa berbeda.

Beda Mendasar Lab vs Field

Lab konsisten tapi tidak mewakili pengalaman nyata. Field nyata tetapi noisy dan butuh volume traffic untuk reliable.

Kapan TBT Cukup, Kapan Butuh INP

TBT cocok untuk:

• CI/CD regression test sebelum deploy
• Bandingkan PR sebelum dan sesudah perubahan
• Audit cepat di tahap development

INP wajib untuk:

• Monitoring pasca-rilis
• Keputusan SEO dan ranking
• Audit pengalaman segmen pengguna spesifik (mobile 3G, desktop fiber)

Banyak tim memilih salah satu, padahal keduanya saling melengkapi. Untuk pengukuran field yang benar, pelajari CrUX vs RUM.

Penyebab Umum TBT Bagus tapi INP Buruk

1. Throttle Lighthouse tidak menangkap pola pengguna 4G di Indonesia bagian timur
2. Halaman dengan banyak iframe atau widget pihak ketiga di-skip oleh Lighthouse tetapi memberatkan pengguna nyata
3. Hydration Next.js berat di device low-end yang tidak terwakili di lab
4. Long task dari A/B testing tools yang muncul hanya pada cohort tertentu

Studi Kasus: Optimasi Vetmo

Saat membangun Vetmo (pet care), tim sempat puas dengan TBT 80 ms di Lighthouse. Tetapi data CrUX menunjukkan INP p75 mencapai 320 ms karena chat widget pihak ketiga aktif setelah load. Solusinya: lazy-load chat widget setelah idle 3 detik. TBT tidak berubah signifikan, tetapi INP turun ke 180 ms dan rasio konversi naik 8-12% di kohort mobile.

Workflow Audit yang Disarankan

1. Baseline Lab

Jalankan Lighthouse 5x, ambil median TBT untuk mengurangi variance.

2. Validasi Field

Cek CrUX di [PageSpeed Insights](/glosarium/search-console) atau pasang RUM (web-vitals library, Vercel Analytics).

3. Identifikasi Gap

Jika TBT bagus tapi INP buruk, telusuri script pihak ketiga, hydration, dan A/B test.

4. Iterasi

Perbaiki, ukur ulang, fokus ke 75th percentile (p75) di field.

Pertanyaan Umum

Apakah TBT akan diganti dengan INP di Lighthouse?

Tidak diganti. Lighthouse memang lebih merekomendasikan INP, tetapi TBT tetap dipakai sebagai proxy lab karena INP butuh interaksi pengguna nyata.

Berapa traffic minimum untuk INP reliable di field?

Praktik di industri: 28 hari data dengan minimal beberapa ribu visit untuk p75 yang stabil per device class.

Apakah skor Lighthouse penting untuk SEO?

Skor Lighthouse tidak langsung jadi faktor ranking. Yang faktor ranking adalah Core Web Vitals di field (LCP, INP, CLS) dari data CrUX.

Apakah cukup pakai web-vitals npm package?

Ya, untuk RUM dasar. Library web-vitals dari GoogleChrome sudah cukup untuk tim Indonesia kelas menengah.

Penutup: Lab Memandu, Field Menghakimi

Lab memandu development, field menghakimi pengalaman nyata. Tim Indonesia 2026 yang membaca keduanya secara paralel akan jarang terkejut oleh laporan ranking SEO yang tiba-tiba turun. Sumber referensi: panduan resmi web.dev tentang Core Web Vitals.