Panel Performa di Chrome DevTools telah membantu developer mengukur dan mengoptimalkan performa runtime mereka dalam satu bentuk atau lainnya selama 15 tahun ini. Dimulai dengan panel yang disebut 'Linimasa', panel tersebut akan berubah menjadi panel Performa yang Anda ketahui hari ini.
Selama waktu tersebut, Chrome meluncurkan produk dan fitur performa canggih lainnya. Secara khusus, Lighthouse diluncurkan pada tahun 2016 untuk membantu menemukan peluang pengoptimalan dengan lebih mudah. Panel Insight Performa eksperimental dirilis pada tahun 2022 untuk menguji cara baru menampilkan insight performa.
Panel Performa berisi data dan fitur untuk membantu developer memahami masalah pemuatan halaman dan performa runtime secara mendalam. Namun, mari kita nyata selama satu menit dan akui bahwa ini adalah hal yang sulit digunakan dan sulit untuk mengidentifikasi peluang terbesar guna meningkatkan performa halaman. Selain itu, kecanggihan alat lain yang membantu memilah derau dan dengan cepat mengisolasi peluang—seperti Lighthouse—diputuskan sambungannya dari panel Performa.
Dalam upaya kami untuk memudahkan developer mengidentifikasi dan mereproduksi masalah performa, kami akan menghadirkan fitur dan pembelajaran dari Lighthouse serta panel Insight Performa dan mengintegrasikannya ke dalam panel Performa yang ada. Kami juga berfokus pada UX dan kegunaan untuk meningkatkan efektivitas panel Performa sebagai alat pengoptimalan performa web.
Apa hasilnya? Satu panel—lebih mudah dan lebih canggih daripada sebelumnya—untuk semua data dan insight performa.
Tindak lanjuti performa web menjadi lebih mudah
Masukan Anda mengonfirmasi bahwa kepadatan informasi yang tinggi menambah tantangan kegunaan. Kami secara aktif mengembangkan perbaikan dan fitur untuk membantu. Perjalanan pengoptimalan utama, seperti meningkatkan Data Web Inti, mendapatkan perlakuan kelas satu. Kami berencana untuk memperkenalkan fitur seperti anotasi, sehingga Anda dapat menandai temuan dan berbagi pembelajaran dengan kolega Anda. Menampilkan korelasi dalam data akan membantu meningkatkan kemampuan untuk memahami sistem yang kompleks, dengan lebih banyak cara bagi Anda untuk mengungkapkan cara data terhubung, seperti permintaan jaringan ke aktivitas thread utama.
Kami akan mengirimkan fitur-fitur baru seiring dengan pengembangannya, dan setiap beberapa bulan akan menyampaikan informasi terkini tentang kemampuan baru yang ditawarkan oleh panel. Harap bersabar Anda akan segera mulai melihat fitur baru!
Kecanggihan Lighthouse, di panel Performa
Kami telah melihat bagaimana developer menggunakan panel Lighthouse dan Performance, dan peralihan konteks di antara keduanya merupakan tantangan. Selain itu, mengambil tindakan atas temuan Lighthouse dapat mengharuskan Anda masuk ke panel Performa untuk mendapatkan lebih banyak konteks tambahan. Hal ini menyebabkan hambatan, karena ringkasan preskriptif performa halaman terpisah dari data performa yang mendetail.
Kami akan mengintegrasikan analisis performa Lighthouse secara mendalam melalui panel Performance. Dengan integrasi ini, Lighthouse akan menjelaskan peluang teratas untuk meningkatkan performa halaman dalam panel Performa itu sendiri, beserta semua detail yang diperlukan untuk mengambil tindakan terkait peluang tersebut.
Setelah memindahkan semua fungsionalitas kinerja ke panel Performance, panel Lighthouse independen di DevTools akan menjadi redundan, dan akan berakhir. Penghentian panel ini baru akan dilakukan pada paruh kedua tahun 2025. Penting untuk menyatakan dengan tegas bahwa Lighthouse tidak akan dihentikan.
Lighthouse akan tetap
Modul npm Lighthouse, dan laporan Lighthouse di PageSpeed Insights (termasuk PSI API) tidak akan dihentikan. Kami tetap berkomitmen pada ketersediaan dan kualitas Lighthouse sebagai alat open source yang dapat digunakan di lingkungan pilihan developer untuk mengevaluasi performa halaman.
Integrasi ini berfungsi sebagai cara bagi kami untuk meningkatkan kemampuan Panel Performa dan Lighthouse bagi developer yang mencoba memikirkan pemuatan, responsivitas, dan stabilitas konten.
Panel Insight Performa eksperimental tidak akan digunakan lagi
Panel Insight Performa diluncurkan sebagai eksperimen untuk mengetahui cara yang lebih baik dalam mengatasi tiga titik masalah utama: mengurangi kepadatan informasi panel Performa, mendukung analisis berbasis kasus penggunaan, dan mengurangi kurva pembelajaran yang muncul saat menggunakan panel Performa.
Kami telah mempelajari banyak dari eksperimen tersebut melalui masukan developer. Kami memvalidasi bahwa penggunaan analisis berbasis kasus—misalnya, "Saya ingin mengoptimalkan LCP", atau "Saya ingin mengoptimalkan halaman agar lebih responsif"—sangatlah berguna, dan fitur seperti Layout Shifts Track membuat diagnosis dan peningkatan metrik jauh lebih mudah.
Developer juga mendapati bahwa panel Insight Performa lebih mudah digunakan daripada panel Performa, yang memvalidasi bahwa pengurangan kepadatan informasi menarik. Namun, pengurangan kepadatan ini menghabiskan biaya dalam banyak kasus, sehingga developer harus membuka panel Performa untuk mendapatkan data terperinci yang diperlukan untuk mengambil tindakan.
Hal-hal yang kami pelajari—dan banyak fitur dari panel Insight Performa eksperimental—akan diintegrasikan ke dalam panel Performa. Fitur seperti analisis berbasis kasus penggunaan dan peningkatan kepadatan informasi, beserta integrasi Lighthouse, akan membantu kami menjadikan insight tentang performa halaman lebih dapat ditindaklanjuti daripada sebelumnya.
Eksperimen Insight Performa akan dihapus nanti pada tahun 2024.
Tempat memberikan masukan
Saat kami meluncurkan fitur baru, kami menerima masukan. Jika Anda memiliki ide tentang cara meningkatkan fitur yang ditambahkan—atau jika alur yang ada dalam panel Anda sangat terganggu—kami ingin mendengar pendapat Anda. Kami ingin mengetahui apa yang berhasil, apa yang tidak, dan apa yang menurut Anda dapat ditingkatkan. Terima kasih