Aplikasi Web Seluler Instan
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Jalur Rendering Penting merujuk pada apa pun (JavaScript, HTML, CSS, gambar) yang diperlukan browser sebelum dapat mulai menggambar halaman. Memprioritaskan pengiriman aset di jalur rendering penting adalah suatu keharusan, terutama bagi pengguna di perangkat dengan batasan jaringan seperti smartphone di jaringan seluler. Bryan berbicara tentang cara tim di Google melalui proses identifikasi dan penentuan prioritas aset untuk situs PageSpeed Insights, yang kemudian membutuhkan waktu 20 detik menjadi lebih dari 1 detik.
Slide
- Menghapus JavaScript dan CSS yang memblokir render.
- Memprioritaskan konten yang terlihat.
- Memuat skrip secara asinkron.
- Render tampilan awal sisi server sebagai HTML dan tingkatkan dengan JavaScript.
- Minimalkan CSS pemblokiran render; hanya berikan gaya yang diperlukan untuk menampilkan area pandang awal, lalu tampilkan sisanya.
- URI data besar yang disisipkan dalam CSS yang memblokir render berbahaya untuk performa render; URI tersebut memblokir resource tempat URL gambar tidak memblokir.
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 2025-07-25 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 2025-07-25 UTC."],[],["The core content discusses optimizing the Critical Rendering Path (CRP) for faster page load times. Key actions include eliminating render-blocking JavaScript and CSS, prioritizing visible content, loading scripts asynchronously, and rendering the initial view server-side as HTML. Minimizing render-blocking CSS by delivering only initial viewport styles is crucial. Large data URIs inlined within blocking CSS negatively impacts performance, unlike image URLs. These steps were used to significantly improve the PageSpeed Insights website's load time.\n"]]
