Performa web
Langsung ke bagian ini di halaman ini:
Mempelajari performa
Data Web Inti
Mengoptimalkan Core Web Vitals
Mempelajari Core Web Vitals lebih lanjut
Fitur performa Dasar yang Baru tersedia
Studi kasus
Men-debug performa dengan Chrome DevTools
Baru mengenal performa?
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.
Core Web Vitals
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.
Largest Contentful Paint (LCP)
Cumulative Layout Shift (CLS)
Interaksi dengan Next Paint (INP)
Mengoptimalkan Core Web Vitals
Mengoptimalkan Largest Contentful Paint (LCP)
Mengoptimalkan Pergeseran Tata Letak Kumulatif (CLS)
Mengoptimalkan Interaksi ke Next Paint (INP)
Mempelajari Core Web Vitals lebih lanjut
Studi kasus
Disney+ Hotstar
PubTech
Taboola
Fitur performa web dasar yang baru tersedia
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.
Men-debug performa dengan Chrome DevTools
Chrome DevTools adalah serangkaian alat bagi developer untuk men-debug aplikasi web, termasuk alat untuk membantu Anda memahami dan meningkatkan performa aplikasi web.