Dipublikasikan: 31 Maret 2014
Mengoptimalkan jalur rendering penting mengacu pada memprioritaskan tampilan materi yang terkait dengan tindakan pengguna saat ini.
Menyediakan pengalaman web yang cepat menuntut kerja keras dari browser. Sebagian besar pekerjaan ini tersembunyi dari kita sebagai pengembang web: kita menulis markup, dan maka laman muncul di layar. Namun, bagaimana cara kerja browser mulai dari mengonsumsi HTML, CSS, dan JavaScript hingga piksel dirender di layar?
Inti dalam mengoptimalkan performa adalah memahami apa yang terjadi dalam langkah perantara antara menerima byte HTML, CSS, dan JavaScript, pemrosesan yang diperlukan untuk mengubahnya menjadi piksel yang dirender - jalur rendering penting.
Dengan mengoptimalkan jalur rendering penting, kita dapat meningkatkan waktu hingga render pertama halaman kita. Selanjutnya, memahami pentingnya jalur rendering juga berfungsi sebagai dasar untuk membangun aplikasi interaktif. Proses update interaktifnya sama, hanya dilakukan dalam loop berkelanjutan dan idealnya pada 60 frame per detik. Namun pertama-tama, ringkasan tentang cara browser menampilkan halaman sederhana.
Referensi lainnya
- Membuat Model Objek
- Konstruksi, Tata Letak, dan Menggambar Pohon Render
- CSS Pemblokir Render
- Menambahkan Interaktivitas dengan JavaScript
- Mengukur Jalur Rendering Penting
- Menganalisis Performa Jalur Rendering Penting
- Mengoptimalkan Jalur Rendering Penting
- Aturan dan Rekomendasi PageSpeed