Jalur Rendering Penting
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Mengoptimalkan jalur rendering penting adalah memprioritaskan tampilan
konten yang terkait dengan tindakan pengguna saat ini.
Diperlukan banyak upaya dari browser untuk menghadirkan pengalaman web yang cepat. Sebagian besar
pekerjaan ini disembunyikan dari kami sebagai developer web: kita menulis markup, dan
halaman yang terlihat bagus muncul di layar. Namun, bagaimana sebenarnya cara kerja browser, mulai dari
menggunakan HTML, CSS, dan JavaScript hingga piksel yang di-render di layar?
Mengoptimalkan performa berarti memahami apa yang terjadi dalam
langkah-langkah perantara antara menerima byte HTML, CSS, dan JavaScript, serta
pemrosesan yang diperlukan untuk mengubahnya menjadi piksel yang dirender - itulah
jalur rendering penting.
Dengan mengoptimalkan jalur rendering penting, kita dapat mempercepat
waktu hingga pertama kali merender halaman secara signifikan. Selain itu, memahami jalur rendering penting juga berfungsi sebagai dasar untuk membangun aplikasi interaktif yang berperforma baik. Proses update interaktifnya sama, hanya dilakukan dalam loop berkelanjutan dan idealnya pada 60 frame per detik.
Namun sebelumnya, ringkasan tentang cara browser menampilkan halaman sederhana.
Referensi tambahan
Masukan
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2014-03-31 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Informasi yang saya butuhkan tidak ada"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Terlalu rumit/langkahnya terlalu banyak"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Sudah usang"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Masalah terjemahan"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Masalah kode / contoh"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Lainnya"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Mudah dipahami"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Memecahkan masalah saya"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Lainnya"
}]
{"lastModified": "Terakhir diperbarui pada 2014-03-31 UTC."}
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2014-03-31 UTC."]]