TBT vs INP untuk Marketer Indonesia: Cara Memakai Proxy Lab dan Data Field tanpa Tertipu Skor Lighthouse di 2026
Skor Lighthouse 95 tetapi pengguna mengeluh halaman lambat. Pola ini sering muncul karena tim mengandalkan TBT tanpa memvalidasi dengan INP dari pengguna nyata.
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
| Aspek | TBT (Lab) | INP (Field) |
|---|---|---|
| Sumber data | Simulasi Lighthouse | Pengguna nyata via CrUX atau RUM |
| Kondisi jaringan | Throttled standar | Variatif sesuai pengguna |
| Device | Standar (Moto G4) | Beragam dari pengguna real |
| Threshold baik | < 200 ms | < 200 ms |
| Faktor SEO | Tidak | Ya, sejak Maret 2024 |
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
- Throttle Lighthouse tidak menangkap pola pengguna 4G di Indonesia bagian timur
- Halaman dengan banyak iframe atau widget pihak ketiga di-skip oleh Lighthouse tetapi memberatkan pengguna nyata
- Hydration Next.js berat di device low-end yang tidak terwakili di lab
- 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.
Artikel Terkait
Website Bisnis
Bento UI: Layout Modular yang Naikkan Scanability Website Bisnis 2026
Bento UI bukan tren visual sekejap. Pola grid modular ini jadi bahasa standar landing page produk dan dashboard SaaS karena sejalan dengan cara pengunjung men-scan halaman.
Website Bisnis
Design Token: Jembatan Antara Tim Brand dan Developer di Perusahaan Indonesia 2026
Design token mengubah keputusan brand dari "tersebar di Figma dan kode" jadi satu sumber kebenaran. Cara mulai, struktur 3-tier, dan dampak bisnisnya.
Website Bisnis
PPR untuk E-commerce Indonesia: Cara Bikin PDP Cepat Tanpa Korbankan Personalisasi di 2026
PPR Next.js memutus dilema cepat-versus-personal di halaman produk. Cara kerja, kapan dipakai, dan dampaknya untuk e-commerce di koneksi 4G Indonesia.
Butuh website yang benar-benar bekerja?
Hubungi Vito untuk konsultasi gratis 15 menit.
WhatsApp Sekarang