Chrome Geliştirme Araçları'ndaki Performans paneli, geliştiricilerin 15 yılın büyük bir bölümünde çalışma zamanı performanslarını ölçmesine ve optimize etmesine yardımcı olmuştur. "Zaman Çizelgesi" adlı bir panelden başlayan bu özellik, bugün bildiğiniz Performans paneline dönüştü.
Bu süre zarfında Chrome, performansa yönelik diğer güçlü ürünleri ve özellikleri kullanıma sundu. Özellikle Lighthouse, optimizasyon fırsatlarını daha kolay tespit etmenize yardımcı olmak için 2016'da kullanıma sunuldu. Performans analizlerini göstermenin yeni yollarını test etmek için deneysel Performans Analizleri paneli 2022'de kullanıma sunuldu.
Performans paneli, geliştiricilerin sayfa yükleme ve çalışma zamanı performansı sorunlarını ayrıntılı olarak incelemesine yardımcı olacak veri ve özelliklerle doludur. Ancak bir dakikalığına gerçekçi olalım ve sayfa performansını iyileştirmek için kullanmanın zor ve en büyük fırsatları belirlemenin zor olabileceğini kabul edelim. Ayrıca, Lighthouse gibi gürültüyü ayıklamaya ve fırsatları hızlıca tespit etmeye yardımcı olan diğer araçların gücü, Performans panelinden kaldırıldı.
Geliştiricilerin performans sorunlarını tespit edip yeniden oluşturmasını kolaylaştırmak için Lighthouse ve Performans Analizleri panelindeki özellikleri ve edindiğimiz bilgileri mevcut Performans paneline entegre edeceğiz. Ayrıca, web performansı optimizasyon aracı olarak Performans panelinin etkisini artırmak için kullanıcı deneyimine ve kullanılabilirliğe de odaklanıyoruz.
Sonuç ne oldu? Tüm performans verileri ve analizleri için her zamankinden daha kolay ve daha güçlü olan tek bir panel.
Web performansıyla ilgili işlem yapma işlemi kolaylaştırıldı
Geri bildiriminiz, yüksek bilgi yoğunluğunun kullanılabilirlik sorunlarını artırdığını doğruladı. Size yardımcı olacak düzeltmeler ve özellikler üzerinde aktif olarak çalışıyoruz. Core Web Vitals'ı iyileştirme gibi önemli optimizasyon yolculukları birinci sınıf bir şekilde ele alınmaktadır. Bulguları işaretlemenize ve edindiğiniz bilgileri iş arkadaşlarınızla paylaşmanıza olanak tanıyan ek açıklama gibi özellikleri kullanıma sunmayı planlıyoruz. Verilerdeki korelasyonların gösterilmesi, karmaşık bir sistemi anlama yeteneğini artırmaya yardımcı olur. Bu sayede, verilerin nasıl bağlantılı olduğunu anlamak için daha fazla yöntem (ör. ana iş parçacığı etkinliğine yönelik ağ istekleri) kullanabilirsiniz.
Geliştirdiğimiz yeni özellikleri kullanıma sunacağız ve panelin sunduğu yeni özelliklerle ilgili birkaç ayda bir güncelleme paylaşacağız. Biraz sabredin. Yakında yeni özellikleri görmeye başlayacaksınız.
Performans panelinde Lighthouse'un gücü
Geliştiricilerin hem Lighthouse hem de Performans panellerini kullandığını ve ikisi arasında bağlam değiştirmenin zor olduğunu gördük. Ayrıca, Lighthouse bulgularıyla ilgili işlem yapmak için daha fazla bağlam bilgisi edinmek üzere Performans paneline gitmeniz gerekebilir. Bir sayfanın performansına dair açıklayıcı genel bakış, ayrıntılı performans verileriyle örtüşmediğinden bu durum soruna yol açar.
Lighthouse'un performans analizini Performans paneli üzerinden derinlemesine entegre edeceğiz. Bu entegrasyon sayesinde Lighthouse, sayfa performansını iyileştirmek için en iyi fırsatları performans panelinde gösterir. Bu fırsatlarla ilgili işlem yapmak için gereken tüm ayrıntılar da gösterilir.
Tüm performans işlevleri Performans paneline taşındıktan sonra DevTools'taki bağımsız Lighthouse paneli gereksiz hale gelecek ve kullanımdan kaldırılacaktır. Bu panelin kullanımdan kaldırılması 2025'in ikinci yarısına kadar gerçekleşmeyecek. Lighthouse'un kaldırılmadığını vurgulamak isteriz.
Lighthouse kalıcı bir çözümdür
Lighthouse npm modülü ve PageSpeed Insights'taki Lighthouse raporu (PSI API dahil) kullanımdan kaldırılmayacaktır. Lighthouse'un, geliştiricilerin sayfa performansını değerlendirmek için tercih ettikleri ortamda kullanılabilecek açık kaynak bir araç olarak kullanılabilirliğini ve kalitesini sağlamaya devam ediyoruz.
Bu entegrasyon, hem Performans Paneli'ni hem de Lighthouse'ın yükleme, yanıt verme ve içerik kararlılığı hakkında bilgi edinmeye çalışan geliştiricilere sunduğu özellikleri geliştirmemizi sağlıyor.
Deneme amaçlı Performans Analizleri panelinin desteği sonlandırılacak
Performans Analizleri paneli, üç önemli sorunu nasıl daha iyi çözebileceğimizi görmek için bir deneme olarak kullanıma sunuldu: Performans panelinin bilgi yoğunluğunu azaltma, kullanım alanına dayalı analizleri destekleme ve Performans panelini kullanmayla ilgili öğrenme eğrisini azaltma.
Geliştirici geri bildirimleri sayesinde deneme sürecinden çok şey öğrendik. Kullanım alanına dayalı analizin (ör. "LCP'yi optimize etmek istiyorum" veya "Sayfaları daha duyarlı olacak şekilde optimize etmek istiyorum") son derece değerli olduğunu ve Düzen Değişiklikleri İzleme gibi özelliklerin metrikleri teşhis etmeyi ve iyileştirmeyi çok daha kolay hale getirdiğini doğruladık.
Geliştiriciler, Performans Analizleri panelinin Performans panelinden daha kolay anlaşılır olduğunu da belirtti. Bu da, azaltılmış bilgi yoğunluğunun ilgi çekici olduğunu doğrular. Ancak bu azaltılmış yoğunluk, çoğu durumda geliştiricilerin işlem yapmak için gerekli ayrıntılı verileri almak üzere Performans paneline gitmesini gerektirdiği için maliyetli bir durumdu.
Edindiğimiz bilgiler ve deneysel Performans Analizleri panelindeki birçok özellik Performans paneline entegre edilecek. Kullanım alanına dayalı analiz ve bilgi yoğunluğundaki iyileştirmeler gibi özellikler, Lighthouse entegrasyonuyla birlikte sayfa performansıyla ilgili analizleri her zamankinden daha uygulanabilir hale getirmemize yardımcı olacak.
Performans Analizleri denemesi 2024'ün ilerleyen dönemlerinde kaldırılacaktır.
Geri bildirimde bulunma
Yeni özellikleri kullanıma sunarken geri bildirimlerinizi bekliyoruz. Eklenen özelliklerin nasıl iyileştirilebileceğiyle ilgili fikirleriniz varsa veya paneldeki mevcut akışınız gereksiz yere kesintiye uğruyorsa sizden haber almak isteriz. Hangi özelliklerin işinize yaradığını, hangilerinin yaramadığını ve nelerin daha iyi olabileceğini öğrenmek isteriz. Teşekkürler!