Statistik Performa Situs Web (2026): 55+ Data tentang Core Web Vitals, LCP, INP, dan Layout Shift

Statistik performa situs 2026: tingkat kelulusan Core Web Vitals di seluler dan desktop, rincian LCP, INP, dan CLS, format gambar, dan data gambar tanpa ukuran.

Hanya 48% situs seluler yang lulus Core Web Vitals, dan penyebab tunggal terbesarnya adalah gambar: gambar menyumbang 76% elemen Largest Contentful Paint di seluler, namun 57% di antaranya masih berformat JPG. Desktop tampil lebih baik dengan 56% kelulusan, tetapi hampir tidak bergerak dalam setahun sementara seluler naik dari 36% pada 2023 menjadi 48%. Metrik yang terlihat paling sehat secara agregat justru menyembunyikan pembalikan paling tajam dalam data ini: Interaction to Next Paint baik 97% di desktop tetapi hanya 63% baik di antara 1.000 situs seluler teratas. Angka-angka di bawah ini berasal dari HTTP Archive Web Almanac dan data lapangan Chrome UX Report.

Ringkasan

  • 48% situs seluler memiliki Core Web Vitals yang baik (HTTP Archive Web Almanac)
  • 56% situs desktop memiliki Core Web Vitals yang baik (HTTP Archive Web Almanac)
  • Seluler membaik dari 36% pada 2023 menjadi 44% pada 2024 dan 48% sekarang (HTTP Archive)
  • Desktop hanya naik satu poin, dari 55% (HTTP Archive)
  • LCP baik pada 62% halaman seluler dan 74% halaman desktop (HTTP Archive)
  • Gambar menyumbang 76% elemen LCP di seluler dan 85,3% di desktop (HTTP Archive)
  • JPG masih menjadi 57% gambar LCP, turun 4 poin (HTTP Archive)
  • WebP mencapai 11%, naik 4 poin, dan AVIF hanya 0,7% (HTTP Archive)
  • INP baik pada 97% halaman desktop dan 77% halaman seluler (HTTP Archive)
  • Hanya 63% dari 1.000 situs seluler teratas yang baik dalam INP (HTTP Archive)
  • CLS baik pada 81% halaman seluler, satu-satunya metrik yang unggul di seluler (HTTP Archive)
  • 65% halaman desktop memiliki gambar tanpa dimensi eksplisit (HTTP Archive)
  • 87% halaman seluler menggunakan font web (HTTP Archive)

1. Tingkat Kelulusan Utama

Dua angka menggambarkan kondisi performa web, dan keduanya bergerak dengan kecepatan berbeda. 48% situs seluler dan 56% situs desktop memiliki Core Web Vitals yang baik, dengan seluler naik 4 poin dari tahun ke tahun dan desktop hanya naik 1 poin. Seluler menutup jaraknya bukan karena desktop memburuk, melainkan karena desktop berhenti membaik.

MetrikNilaiSumber
Core Web Vitals baik, seluler48%HTTP Archive Web Almanac
Core Web Vitals baik, desktop56%HTTP Archive Web Almanac
Angka seluler pada 202444%HTTP Archive
Angka seluler pada 202336%HTTP Archive
Angka desktop pada 202455%HTTP Archive
Peningkatan seluler tahun ke tahun4 poinHTTP Archive
Peningkatan desktop tahun ke tahun1 poinHTTP Archive
Selisih antara desktop dan seluler8 poinDiturunkan dari data HTTP Archive
Pengumpulan dataJuli 2025, data lapangan CrUXHTTP Archive

Seluler naik 12 poin dalam dua tahun, sementara desktop hampir tidak bergerak, yang menunjukkan bahwa kegagalan yang tersisa di desktop bersifat struktural, bukan jenis perbaikan mudah yang selama ini dipetik oleh tim seluler. Sumber: bab performa HTTP Archive Web Almanac.

2. Largest Contentful Paint Adalah Masalah Gambar

LCP adalah metrik yang paling sering gagal, dan penyebabnya teridentifikasi dengan sangat jelas. Gambar menyumbang 85,3% elemen LCP di desktop dan 76% di seluler, sementara hanya 62% halaman seluler yang mencapai skor LCP yang baik. LCP berbasis teks adalah kasus minoritas, yaitu 14,4% di desktop dan 23,7% di seluler, yang berarti sebagian besar pekerjaan LCP adalah soal pengiriman gambar, bukan rendering.

MetrikNilaiSumber
LCP baik, desktop74%HTTP Archive
Perlu perbaikan, desktop18%HTTP Archive
LCP buruk, desktop7%HTTP Archive
LCP baik, seluler62%HTTP Archive
Perlu perbaikan, seluler25%HTTP Archive
LCP buruk, seluler13%HTTP Archive
Gambar sebagai elemen LCP, desktop85,3%HTTP Archive
Gambar sebagai elemen LCP, seluler76%HTTP Archive
Teks sebagai elemen LCP, seluler23,7%HTTP Archive
Halaman yang me-lazy-load gambar LCP-nya16% hingga 17%HTTP Archive

Baris terakhir itu adalah luka yang diakibatkan sendiri dalam data ini: kira-kira satu dari enam halaman menerapkan lazy loading justru pada gambar yang menentukan skor LCP-nya, sehingga menunda metrik yang paling perlu diperbaiki. Sumber: bab performa HTTP Archive Web Almanac.

3. Format Gambar Bergerak Lambat

Karena gambar yang mengendalikan LCP, adopsi format adalah indikator utama yang patut diperhatikan, dan pergerakannya lambat. JPG masih menjadi 57% gambar LCP, turun 4 poin, sementara WebP mencapai 11%, naik 4 poin, dan AVIF berada di 0,7%. Dengan laju migrasi sekitar 4 poin per tahun, JPG akan tetap menjadi format LCP mayoritas hingga jauh ke dalam dekade 2030-an.

MetrikNilaiSumber
Pangsa JPG pada gambar LCP57%HTTP Archive
Perubahan tahun ke tahunturun 4 poinHTTP Archive
Pangsa PNG26%HTTP Archive
Pangsa WebP11%HTTP Archive
Perubahan WebP tahun ke tahunnaik 4 poinHTTP Archive
Pangsa AVIF0,7%HTTP Archive
Adopsi fetchpriority=“high”, seluler17,3%HTTP Archive
Adopsi fetchpriority=“high”, desktop16,3%HTTP Archive
Adopsi preload2,1% hingga 2,2%HTTP Archive

Angka fetchpriority adalah pasangan yang paling bisa ditindaklanjuti: petunjuk yang langsung menyasar LCP dipakai pada sekitar satu dari enam halaman, dan preload pada satu dari lima puluh. Data soal aksesibilitas ada di statistik aksesibilitas web kami. Sumber: bab performa HTTP Archive Web Almanac.

4. Responsivitas Berbalik Seiring Popularitas

Interaction to Next Paint tampak seperti metrik yang sudah terselesaikan, sampai Anda memilahnya berdasarkan segmen. INP baik pada 97% halaman desktop dan 77% halaman seluler, tetapi hanya 63% dari 1.000 situs seluler teratas, yaitu 14 poin di bawah rata-rata seluler secara keseluruhan. Situs yang paling banyak dikunjungi justru paling lambat merespons, karena membawa JavaScript paling banyak.

MetrikNilaiSumber
INP baik, desktop97%HTTP Archive
INP baik, seluler77%HTTP Archive
Perubahan seluler tahun ke tahunnaik 3 poinHTTP Archive
INP baik, top 1.000 situs seluler63%HTTP Archive
Angka yang sama setahun sebelumnya53%HTTP Archive
Peningkatan pada top 1.00010 poinHTTP Archive
INP baik, top 10.000 situs seluler56%HTTP Archive
INP baik, top 100.000 situs seluler56%HTTP Archive
Selisih antara top 1.000 dan seluler secara umum14 poinDiturunkan dari data HTTP Archive

Top 1.000 membaik 10 poin dalam setahun, lebih cepat dari kelompok lain mana pun, yang menunjukkan bahwa situs-situs terbesar memiliki masalah terburuk sekaligus sumber daya terbesar untuk mengatasinya. Angka datar 56% baik di top 10.000 maupun top 100.000 adalah separuh cerita lainnya: di luar properti-properti terbesar, responsivitas sama sekali tidak berubah seiring popularitas, sehingga beban JavaScript yang menurunkan INP hampir seragam di seluruh web komersial. Konteks peringkat ada di statistik SEO kami dan konteks mesin rendering ada di statistik pangsa pasar browser kami. Sumber: bab performa HTTP Archive Web Almanac.

5. Layout Shift dan Epidemi Gambar tanpa Ukuran

CLS adalah satu-satunya metrik yang lebih unggul di seluler dibanding desktop, dan penyebab utamanya adalah perbaikan satu baris kode yang belum diterapkan oleh sebagian besar halaman. 81% halaman seluler dan 72% halaman desktop memiliki CLS yang baik, tetapi 65% halaman desktop dan 62% halaman seluler berisi gambar tanpa dimensi eksplisit. Halaman median memiliki 2 gambar semacam itu; persentil ke-90 memiliki 26 di desktop.

MetrikNilaiSumber
CLS baik, seluler81%HTTP Archive
CLS baik, desktop72%HTTP Archive
Halaman desktop dengan gambar tanpa dimensi65%HTTP Archive
Halaman seluler dengan gambar tanpa dimensi62%HTTP Archive
Median gambar tanpa dimensi per halaman2HTTP Archive
Persentil ke-90, desktop26HTTP Archive
Persentil ke-90, seluler23HTTP Archive
Halaman seluler yang menggunakan font web87%HTTP Archive
Halaman dengan animasi non-komposit, desktop44%HTTP Archive
Halaman dengan animasi non-komposit, seluler40%HTTP Archive
Adopsi Early Hints, top 1M desktophanya 6%HTTP Archive
Adopsi Speculation Rules, top 10M24% hingga 25%HTTP Archive

Fakta bahwa 62% halaman seluler membawa gambar tanpa dimensi sementara 81% tetap lolos CLS menunjukkan bahwa sebagian besar gambar tanpa dimensi itu berada di bawah lipatan layar, tempat gambar-gambar itu tidak menggeser apa pun. Risikonya bersifat laten, bukan terwujud, dan baru muncul saat tata letak berubah, font lambat dimuat, atau koneksi yang lebih lambat mengubah urutan proses render. Konteks kualitas koneksi ada di statistik kecepatan internet kami. Sumber: The 2025 Web Almanac.

Ringkasan: Performa Situs Web dalam Angka

MetrikNilaiSumber
Core Web Vitals baik, seluler48%HTTP Archive
Core Web Vitals baik, desktop56%HTTP Archive
CWV seluler pada 202336%HTTP Archive
CWV seluler pada 202444%HTTP Archive
LCP baik, seluler62%HTTP Archive
LCP baik, desktop74%HTTP Archive
LCP buruk, seluler13%HTTP Archive
Gambar sebagai elemen LCP, desktop85,3%HTTP Archive
Gambar sebagai elemen LCP, seluler76%HTTP Archive
Halaman yang me-lazy-load gambar LCP16% hingga 17%HTTP Archive
Pangsa JPG pada gambar LCP57%HTTP Archive
Pangsa WebP11%HTTP Archive
Pangsa AVIF0,7%HTTP Archive
Adopsi fetchpriority=“high”, seluler17,3%HTTP Archive
INP baik, desktop97%HTTP Archive
INP baik, seluler77%HTTP Archive
INP baik, top 1.000 situs seluler63%HTTP Archive
CLS baik, seluler81%HTTP Archive
CLS baik, desktop72%HTTP Archive
Halaman desktop dengan gambar tanpa dimensi65%HTTP Archive
Persentil ke-90 gambar tanpa dimensi, desktop26HTTP Archive
Halaman seluler yang menggunakan font web87%HTTP Archive
FCP baik, seluler55%HTTP Archive
TTFB baik, seluler44%HTTP Archive

Metodologi dan Sumber

  • Semua tingkat kelulusan Core Web Vitals, rincian per metrik, komposisi elemen LCP, pangsa format gambar, adopsi resource hint, data layout shift, dan perbandingan antar kelompok berasal dari bab performa HTTP Archive Web Almanac, berdasarkan pengukuran Juli 2025 yang menggabungkan crawl HTTP Archive dengan data lapangan Chrome UX Report dari pengguna Chrome sungguhan (bab performa, Web Almanac lengkap, bab bobot halaman, bab SEO, HTTP Archive).
  • Konteks historis mengenai metrik itu sendiri berasal dari riwayat Core Web Vitals yang telah dipublikasikan (Addy Osmani), dan ringkasan independen dari edisi 2025 diperiksa silang dengan bab-bab aslinya (analisis LavX).
  • Catatan data: edisi lengkap Web Almanac paling baru menggunakan pengukuran Juli 2025, sehingga angka-angka ini berusia kurang lebih satu tahun pada saat tulisan ini dibuat dan ditandai sebagai data paling baru yang tersedia pada tingkat detail ini. Chrome UX Report sendiri diperbarui setiap bulan, sehingga tingkat kelulusan bulan berjalan akan berbeda dari analisis tahunan ini. CrUX mencakup pengguna Chrome yang memilih untuk mengirim data penggunaan, sehingga sepenuhnya tidak mencakup browser lain dan kurang mewakili wilayah serta perangkat dengan pangsa Chrome yang lebih rendah. Tingkat kelulusan dihitung pada tingkat origin menggunakan ambang batas persentil ke-75, yang berarti sebuah situs bisa gagal meskipun sebagian besar kunjungannya cepat. Baris yang ditandai sebagai hasil turunan adalah perhitungan aritmetika dari angka yang telah dipublikasikan.
  • Terakhir diperbarui: 2 Agustus 2026. Kami memperbarui kompilasi ini setiap tiga bulan, dan pembaruan besar berikutnya diperkirakan terjadi saat HTTP Archive menerbitkan Web Almanac 2026-nya.

Coba VoxBooster — uji coba gratis 3 hari.

Kloning suara real-time, soundboard, dan efek — di mana pun kamu sudah biasa bicara.

  • Tanpa kartu kredit
  • ~30ms latensi
  • Discord · Teams · OBS
Coba gratis 3 hari