Panel Performa di Chrome DevTools telah membantu developer mengukur dan mengoptimalkan performa runtime mereka dalam berbagai bentuk selama lebih dari 15 tahun. Mulai dari panel yang disebut 'Linimasa', panel ini berkembang menjadi panel Performa yang Anda kenal sekarang.
Selama waktu tersebut, Chrome meluncurkan produk dan fitur performa unggulan 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 mempelajari masalah performa runtime dan pemuatan halaman secara mendalam. Namun, mari kita lihat kenyataannya, dan akui bahwa alat ini sulit digunakan dan sulit mengidentifikasi peluang terbesar untuk meningkatkan performa halaman. Selain itu, kemampuan alat lain yang membantu memilah derau dan dengan cepat mengisolasi peluang—seperti Lighthouse—akan terputus dari panel Performa.
Dalam upaya kami untuk memudahkan developer mengidentifikasi dan mereproduksi masalah performa, kami akan menghadirkan fitur dan pembelajaran dari Lighthouse dan panel Insight Performa serta 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 dari sebelumnya—untuk semua data dan insight performa.
Mengambil tindakan terkait performa web, menjadi lebih mudah
Masukan Anda mengonfirmasi bahwa kepadatan informasi yang tinggi memperburuk tantangan kegunaan. Kami sedang aktif mengembangkan perbaikan dan fitur untuk membantu. Perjalanan pengoptimalan utama, seperti meningkatkan Core Web Vitals, mendapatkan perlakuan kelas satu. Kami berencana untuk memperkenalkan fitur seperti anotasi, yang memungkinkan Anda menandai temuan dan berbagi pembelajaran dengan kolega. Menampilkan korelasi dalam data akan membantu meningkatkan kemampuan untuk memahami sistem yang kompleks, dengan lebih banyak cara bagi Anda untuk mengungkapkan bagaimana data terhubung, seperti permintaan jaringan ke aktivitas thread utama.
Kami akan mengirimkan fitur baru saat mengembangkannya, dan setiap beberapa bulan sekali membagikan update tentang kemampuan baru yang ditawarkan panel. Harap bersabar Anda akan segera melihat fitur baru.
Kemampuan Lighthouse, di panel Performa
Kita telah melihat bagaimana developer menggunakan panel Lighthouse dan Performance, dan peralihan konteks di antara keduanya merupakan tantangan. Selain itu, untuk mengambil tindakan berdasarkan temuan Lighthouse, Anda mungkin perlu membuka panel Performa untuk mendapatkan konteks tambahan lainnya. Hal ini menyebabkan hambatan, karena ringkasan preskriptif tentang performa halaman tidak terkait dengan data performa mendetail.
Kami akan mengintegrasikan analisis performa Lighthouse secara mendalam melalui panel Performa. Dengan integrasi ini, Lighthouse akan menyoroti peluang teratas untuk meningkatkan performa halaman dalam panel Performa itu sendiri, disertai dengan semua detail yang diperlukan untuk mengambil tindakan atas peluang tersebut.
Setelah semua fungsi performa dipindahkan ke panel Performa, panel Lighthouse independen di DevTools akan menjadi redundan, dan akan dihentikan. Penghentian panel ini tidak akan terjadi hingga paruh kedua tahun 2025. Penting untuk menyatakan dengan tegas bahwa Lighthouse tidak akan dihapus.
Lighthouse akan terus ada
Modul npm Lighthouse, dan laporan Lighthouse di PageSpeed Insights (termasuk PSI API) tidak akan dihentikan. Kami tetap berkomitmen untuk menyediakan Lighthouse yang berkualitas dan tersedia 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 memahami pemuatan, responsivitas, dan stabilitas konten.
Panel Insight Performa eksperimental tidak akan digunakan lagi
Panel Insight Performa dikirim sebagai eksperimen untuk melihat cara kami menangani tiga poin masalah utama dengan lebih baik: mengurangi kepadatan informasi panel Performa, mendukung analisis berbasis kasus penggunaan, dan mengurangi kurva belajar yang menyertai penggunaan panel Performa.
Kami telah belajar banyak dari eksperimen ini melalui masukan developer. Kami memvalidasi bahwa analisis berbasis kasus penggunaan—misalnya, "Saya ingin mengoptimalkan LCP", atau "Saya ingin mengoptimalkan halaman agar lebih responsif"—sangat berharga, dan fitur seperti Pemantauan Pergeseran Tata Letak membuat diagnosis dan peningkatan metrik jauh lebih mudah.
Developer juga merasa panel Analisis Performa lebih mudah diakses daripada panel Performa, yang memvalidasi bahwa kepadatan informasi yang lebih rendah itu menarik. Namun, pengurangan kepadatan ini dalam banyak kasus menimbulkan biaya, sehingga developer harus membuka panel Performa untuk mendapatkan data mendetail yang diperlukan untuk mengambil tindakan.
Pembelajaran kami—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 membuat insight tentang performa halaman lebih mudah ditindaklanjuti.
Eksperimen Insight Performa akan dihapus pada tahun 2024.
Tempat memberikan masukan
Saat kami meluncurkan fitur baru, kami menerima masukan. Jika Anda memiliki ide tentang cara meningkatkan kualitas fitur yang ditambahkan—atau jika alur yang ada di panel Anda terganggu secara tidak wajar—kami ingin mendengar pendapat Anda. Kami ingin mengetahui hal-hal yang menurut Anda sudah bagus, yang belum bagus, dan hal-hal yang menurut Anda dapat dilakukan dengan lebih baik. Terima kasih!