The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

Jalur Rendering Penting

Yang dimaksud mengoptimalkan jalur rendering penting adalah memrioritaskan tampilan materi yang terkait dengan aksi pengguna saat ini.

Menyediakan pengalaman web yang cepat menuntut kerja keras dari browser. Sebagian besar pekerjaan ini disembunyikan dari kami sebagai developer web: kita menulis markup, dan halaman yang tampak menarik muncul di layar. Namun bagaimanakah sebenarnya cara kerja browser mulai dari mengonsumsi HTML, CSS, dan JavaScript hingga piksel di-render pada layar?

Mengoptimalkan kinerja sebenarnya adalah memahami langkah-langkah yang terjadi di antara menerima HTML, CSS, dan byte JavaScript dan proses yang diperlukan untuk mengubahnya menjadi piksel yang di-render - itulah jalur rendering penting.

rendering laman progresif

Dengan mengoptimalkan jalur rendering penting, kita bisa mempercepat waktu hingga pertama kali merender laman kita secara signifikan. Lebih jauh, pemahaman jalur rendering penting juga menjadi pondasi untuk membangun aplikasi interaktif yang berkinerja baik. Proses pembaruan interaktif sama, hanya saja dilakukan dalam loop kontinu dan idealnya 60 bingkai per detik! Namun terlebih dahulu, ringkasan mengenai cara browser menampilkan halaman sederhana.

Critical Rendering Path

You will learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages.

You’ll learn about the Critical Rendering Path, or the set of steps browsers must take to convert HTML, CSS and JavaScript into living, breathing websites. From there, you’ll start exploring and experimenting with tools to measure performance and simple strategies to deliver the first pixels to the screen as early as possible. You’ll learn how to dive into recommendations from PageSpeed Insights and the Timeline view of Google Chrome’s Developer Tools to find the data you need to achieve immediate performance boosts!

This is a free course offered through Udacity

Take Course