Detik

Google merekomendasikan LCP di bawah 2,5 detik.Baik

Perkiraan Total Anggaran Ukuran Halaman

425 KB

Ini adalah ukuran total maksimum (terkompresi/gzipped) dari semua sumber daya untuk dimuat dalam waktu target pada jaringan yang dipilih.

Alokasi Sumber Daya

Total: 100%
170 KB (40%)
42 KB (10%)
170 KB (40%)
21 KB (5%)
21 KB (5%)

Rincian Visual

JavaScript
CSS
Gambar
Font
Lainnya/HTML

Kalkulator Anggaran Kinerja Web VitalsBeta

Hitung anggaran kinerja Core Web Vitals Anda berdasarkan kecepatan jaringan dan target LCP.

Cara Menggunakan Kalkulator

1

Pilih Kecepatan Jaringan

Pilih kondisi jaringan target (mis., Fast 3G, 4G) yang kemungkinan akan digunakan pengguna Anda.

2

Tetapkan Target LCP

Masukkan target waktu Largest Contentful Paint (LCP) Anda dalam detik (mis., 2,5 detik).

3

Alokasikan Sumber Daya

Sesuaikan slider untuk mendistribusikan total anggaran di seluruh JavaScript, CSS, Gambar, dan Font.

Pertanyaan yang Sering Diajukan

Apa itu anggaran kinerja?

Anggaran kinerja adalah batas untuk halaman yang tidak ingin Anda lampaui. Biasanya didefinisikan dalam hal ukuran file atau waktu pemuatan.

Mengapa LCP penting?

LCP adalah metrik Core Web Vital yang mengukur kapan elemen konten terbesar menjadi terlihat. LCP yang baik (< 2,5 detik) meningkatkan pengalaman pengguna dan SEO.

Bagaimana anggaran dihitung?

Kalkulator menggunakan rumus: (Waktu Target × Kecepatan Jaringan / 8) × Faktor Efisiensi (0,85).

Apakah anggaran ini mencakup semua aset?

Ya, ini adalah ukuran transfer total (terkompresi) dari semua sumber daya (HTML, CSS, JS, Gambar) yang diperlukan untuk merender viewport awal.

Kecepatan jaringan apa yang harus saya targetkan?

Untuk audiens global, disarankan menargetkan 'Fast 3G' atau '4G' untuk memastikan situs Anda dapat diakses oleh pengguna dengan koneksi lambat.

Mengapa faktor efisiensi 0,85?

Dalam jaringan dunia nyata, Anda tidak pernah mendapatkan 100% bandwidth teoretis karena slow start TCP dan overhead protokol. 0,85 adalah perkiraan konservatif.

Bisakah saya melebihi anggaran?

Bisa, tetapi meningkatkan risiko gagal dalam penilaian Core Web Vitals, yang dapat berdampak negatif pada peringkat pencarian Anda.

Bagaimana cara mengurangi ukuran halaman saya?

Optimalkan gambar, minimalkan CSS/JS, gunakan code splitting, lazy loading, dan strategi caching yang efisien.

Apakah ini memengaruhi SEO?

Ya, Google menggunakan Core Web Vitals sebagai faktor peringkat.

Berapa alokasi yang baik untuk JavaScript?

JavaScript mahal untuk diproses. Usahakan serendah mungkin, idealnya di bawah 200KB terkompresi untuk bundel utama.