Performa adalah aspek utama dari pengalaman pengguna. Kecepatan pemuatan halaman dan seberapa cepat halaman merespons input pengguna dapat berdampak signifikan pada persepsi pengguna terhadap situs Anda, dan dapat menentukan apakah pengguna akan tetap berada di situs Anda atau meninggalkannya. Di halaman ini, Anda akan menemukan banyak informasi tentang berbagai topik performa web yang akan membantu Anda membuat situs Anda cepat—dan tetap cepat.
Baru mengenal performa? Kami menyediakan kursus komprehensif untuk membantu Anda memulai.
Pelajari tiga metrik Core Web Vitals, cara kerjanya, dan alasan metrik tersebut penting untuk pengalaman pengguna yang baik.
Setelah Anda mempelajari metrik Core Web Vitals, panduan ini dapat membantu Anda memahami cara terbaik untuk mengoptimalkannya.
Pelajari Core Web Vitals lebih lanjut dengan kumpulan panduan yang mempelajari metrik secara lebih mendetail.
Temukan fitur baru untuk meningkatkan performa yang kini tersedia di Dasar Pengukuran.
Baca artikel tentang cara perusahaan meningkatkan Data Web Inti dan mendapatkan peningkatan metrik bisnis sebagai hasilnya.
Pelajari cara menggunakan Chrome DevTools untuk men-debug masalah performa di situs Anda.
KURSUS

Performa web adalah area materi pelajaran yang kompleks dan multifaset—tetapi bukan berarti tidak mungkin untuk dipelajari. Jika Anda baru mengenal performa, kursus kami akan membantu Anda memulai dengan memperkenalkan dasar-dasar performa terlebih dahulu, sehingga Anda dapat mempelajari topik lanjutan. Setelah menyelesaikan kursus ini, Anda akan dapat menerapkan apa yang telah Anda pelajari dengan cepat.

Metrik Data Web Inti adalah sekumpulan tiga metrik yang berfokus pada pengalaman pengguna. Metrik ini mengukur performa dan kegunaan halaman, termasuk waktu pemuatan yang dirasakan, stabilitas visual, dan responsivitas terhadap input pengguna. Jika Anda baru menggunakan Core Web Vitals, panduan ini akan membantu Anda memahami cara kerjanya, dan memberikan titik awal tentang cara mengoptimalkannya.

LCP adalah metrik yang mengukur waktu yang diperlukan untuk menampilkan bagian konten terbesar di halaman. Halaman dengan sinyal LCP rendah kepada pengguna bahwa halaman Anda dimuat dengan cepat.
CLS adalah metrik yang mengukur stabilitas tata letak dengan mengamati halaman untuk menemukan perubahan tata letak yang tidak terduga. Halaman dengan CLS rendah akan memberi tahu pengguna bahwa tata letak halaman stabil dan tidak akan berubah secara tiba-tiba saat mereka mencoba berinteraksi dengannya.
INP adalah metrik yang mengukur seberapa responsif halaman terhadap input pengguna. Halaman dengan INP rendah akan memberi sinyal kepada pengguna bahwa halaman merespons dengan cepat saat mereka berinteraksi dengannya, sehingga situs Anda terasa lebih andal dan menyenangkan untuk digunakan.
Setiap metrik Core Web Vitals dapat dioptimalkan untuk meningkatkan pengalaman pengguna. Setiap panduan ini membahas secara mendalam cara menerapkan teknik yang telah terbukti untuk meningkatkan performa dan keandalan situs Anda sehingga pengguna tetap lebih berinteraksi dan cenderung tidak meninggalkan situs.
Pelajari cara mengoptimalkan LCP bagi pengguna Anda sehingga mereka dapat melihat konten yang paling penting di halaman Anda secepat mungkin.
Pelajari cara mengoptimalkan CLS untuk pengguna Anda sehingga mereka dapat mengharapkan situs Anda tetap stabil dan lebih mudah digunakan.
Pelajari cara mengoptimalkan INP untuk pengguna Anda sehingga mereka dapat mengharapkan situs Anda akan merespons interaksi dengan cepat.
Tiga metrik Core Web Vitals dan cara mengoptimalkannya adalah awal yang baik, tetapi ada lebih banyak topik terkait yang perlu dipelajari. Kumpulan konten ini akan membantu Anda memahami cara mengukur dan men-debugnya, serta beberapa praktik terbaik tambahan untuk pemberitahuan cookie, carousel, dan masalah antarmuka pengguna umum lainnya.
Meningkatkan performa tidak hanya meningkatkan pengalaman pengguna, tetapi juga berpotensi membantu bisnis Anda berkembang. Pelajari cara perusahaan berikut meningkatkan Core Web Vitals dan memperoleh peningkatan pada metrik bisnis mereka.
Pelajari cara Disney+ Hotstar meningkatkan penayangan kartu mingguan sebesar 100% di perangkat ruang keluarga dengan mengurangi INP sebesar 61%.
Pelajari cara Platform Pengelolaan Izin PubTech mengurangi INP di situs pelanggan mereka hingga 64%, sekaligus meningkatkan visibilitas iklan hingga 1,5%
Pelajari cara Taboola menggunakan Long Animation Frames API (LoAF) untuk meningkatkan INP hingga 36% untuk situs partner penayangnya.

Sinyal Baseline kepada developer web saat fitur platform web dapat digunakan dengan aman di semua mesin browser utama. Berikut adalah beberapa fitur terkait performa web yang kini tersedia di Dasar Pengukuran Baru.

Properti CSS content-visibility menjadi Dasar Pengukuran yang Baru tersedia pada September 2024.
Format gambar AVIF menjadi Dasar Pengukuran yang Baru tersedia pada Januari 2024.
Pemuatan modul menjadi Dasar Pengukuran Baru tersedia pada September 2023.
Header respons HTTP Server-Timing menjadi Dasar Pengukuran yang Baru tersedia pada Maret 2023.

Chrome DevTools adalah serangkaian alat bagi developer untuk men-debug aplikasi web, termasuk alat untuk membantu Anda memahami dan meningkatkan performa aplikasi web.

Panel Network di DevTools menampilkan semua resource yang dimuat halaman, dan waktu yang diperlukan untuk memuat resource tersebut. Pelajari cara menggunakan panel ini untuk mengidentifikasi masalah performa terkait pemuatan resource.
Panel Performa di DevTools menampilkan informasi yang sangat mendetail tentang performa halaman selama sesi perekaman, termasuk aktivitas di thread utama, aktivitas jaringan, dan alat tambahan yang dapat membantu Anda mengidentifikasi dan memperbaiki masalah performa.
Panel Memori menunjukkan jumlah memori yang digunakan oleh JavaScript halaman. Dengan mempelajari cara menggunakan panel ini, Anda dapat menemukan dan memperbaiki masalah terkait memori yang disebabkan oleh JavaScript halaman.