Chrome Geliştirici Araçları'ndaki Performans paneli, 15 yıldır daha iyi bir süre boyunca geliştiricilerin, çalışma zamanı performanslarını bir biçimde veya başka bir biçimde ölçmesine ve optimize etmesine yardımcı oluyor. "Zaman Çizelgesi" adlı panelle başlayan panel, bugün bildiğiniz Performans paneline dönüştü.
Bu süre içinde Chrome, performansa yönelik diğer güçlü ürünleri ve özellikleri kullanıma sundu. Özellikle 2016'da kullanıma sunulan Lighthouse, optimizasyon fırsatlarının daha kolay bir şekilde tespit edilmesini sağlamak amacıyla kullanıma sunulmuştur. Deneysel Performans Analizleri paneli, performans analizlerini sağlamanın yeni yollarını test etmek için 2022'de kullanıma sunulmuştur.
Performans paneli, geliştiricilerin sayfa yükleme ve çalışma zamanı performansı sorunlarını derinlemesine incelemelerine yardımcı olacak veriler ve özelliklerle donatılmıştır. Ancak biraz zaman geçelim ve bu yöntemin, 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, gürültüyü filtrelemeyi ve fırsatları hızlıca tespit etmeyi sağlayan Lighthouse gibi diğer araçların da performans paneliyle bağlantısı kesilir.
Geliştiricilerin performans sorunlarını belirlemesini ve yeniden oluşturmasını kolaylaştırma görevimizde Lighthouse ve Performans Analizleri panelinden özellikler ve bilgiler toplayıp bunları mevcut Performans paneline entegre edeceğiz. Ayrıca, performans panelinin web performansı optimizasyon aracı olarak verimliliğini artırmak için kullanıcı deneyimi ve kullanılabilirlik konularına odaklanıyoruz.
Sonuç ne olur? Tüm performans verileri ve analizleri için her zamankinden daha kolay ve daha güçlü tek bir panel.
Web performansıyla ilgili işlemler artık daha kolay
Geri bildirimleriniz, yüksek bilgi yoğunluğunun kullanılabilirlikle ilgili zorlukları da beraberinde getirdiğini gösteriyor. Bu konuda yardımcı olacak düzeltmeler ve özellikler aktif olarak geliştirilmektedir. Core Web Vitals'ı iyileştirme gibi önemli optimizasyon yolculukları birinci sınıf olarak değerlendiriliyor. Bulguları işaretlemenizi ve öğrendiklerinizi iş arkadaşlarınızla paylaşabilmenizi sağlayan ek açıklamalar gibi özellikler sunmayı planlıyoruz. Verilerde korelasyonlar ortaya çıkarmak, karmaşık bir sistemi anlama yeteneğini iyileştirmeye yardımcı olur. Ayrıca verilerin nasıl bağlandığını açıklamanın daha fazla yolunu (ör. ana iş parçacığı etkinliğine yönelik ağ istekleri) ortaya koymanızı sağlar.
Yeni özellikleri geliştirdikçe kullanıma sunacağız ve birkaç ayda bir, panelin sunduğu yeni özelliklerle ilgili 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 nasıl kullandıklarını gördük ve ikisi arasında bağlam geçişi yapmakta zorlanıyoruz. Ayrıca, Lighthouse bulgularında işlem yapmak, daha fazla ek bağlam elde etmek için Performans paneline girmeyi gerektirebilir. Bu durum, bir sayfanın performansına ilişkin kuralcı genel bakışın ayrıntılı performans verilerinden ayrı olması nedeniyle sorunlara yol açmaktadır.
Lighthouse'un performans analizini Performans paneli aracılığıyla kapsamlı bir şekilde entegre edeceğiz. Bu entegrasyon sayesinde Lighthouse, fırsatla ilgili işlem yapmak için gereken tüm ayrıntılarla birlikte, Performans panelinde sayfa performansını artırmaya yönelik en önemli fırsatlara ışık tutar.
Tüm performans işlevleri Performans paneline taşındıktan sonra Geliştirici Araçları'ndaki bağımsız Lighthouse paneli gereksiz hale gelecek ve kullanımdan kaldırılacaktır. Panel, 2025'in ikinci yarısına kadar kullanımdan kaldırılmayacaktır. Lighthouse'un kullanımdan kaldırılmayacağını net bir şekilde ifade etmek önemlidir.
Lighthouse hep yanımızda
Lighthouse npm modülü ve PageSpeed Insights'taki Lighthouse raporu (PSI API dahil) kullanımdan kaldırılmayacaktır. Geliştiricilerin sayfa performansını değerlendirmek için tercih ettiği ortamda kullanılabilecek açık kaynaklı bir araç olan Lighthouse'un kullanılabilirliğine ve kalitesine bağlılığımızı sürdürüyoruz.
Bu entegrasyon hem Performans Paneli'ni hem de Lighthouse'un yükleme, yanıt verme ve içerik kararlılığı hakkında gerekçe oluşturmaya çalışan geliştiriciler için yeteneklerini geliştirmemiz için bir yol görevi görür.
Deneysel Performans Analizleri paneli kullanımdan kaldırılacaktır
Performans Analizleri paneli, deneme niteliğindeki üç temel sorunu daha iyi ele alabilmek amacıyla kullanıma sunulmuştur: Performans panelinin bilgi yoğunluğunu azaltma, kullanım alanına dayalı analizleri destekleme ve Performans panelini kullanmanın sağladığı öğrenme eğrisini düşürme.
Geliştiricilerden aldığımız geri bildirimler sayesinde bu denemeden çok şey öğrendik. Kullanım alanına dayalı analizin (örneğin, "LCP'yi optimize etmek istiyorum" veya "Sayfaları daha duyarlı olacak şekilde optimize etmek istiyorum") son derece değerli olduğunu ve Layout Shifts Track gibi özelliklerin, metriklerin teşhis edilmesini ve iyileştirilmesini çok daha kolay hale getirdiğini doğruladık.
Geliştiriciler ayrıca Performans Analizleri panelinin performans paneline kıyasla daha ulaşılabilir olduğunu gördüler. Bu da daha az bilgi yoğunluğunun cazip geldiğini doğruladı. Ancak bu düşük yoğunluğun çoğu durumda bir maliyeti vardı ve geliştiricilerin harekete geçmek için gereken ayrıntılı verileri almak üzere Performans paneline gitmesi gerekti.
Öğrendiklerimiz ve deneysel Performans Analizleri panelindeki birçok özellik, Performans paneline entegre edilecektir. Lighthouse entegrasyonuyla birlikte, kullanım alanına dayalı analizler ve bilgi yoğunluğu iyileştirmeleri gibi özellikler, sayfa performansı ile ilgili analizleri her zamankinden daha fazla işlem yapılabilir hale getirmemize yardımcı olacak.
Performans analizleri denemesi 2024'ün ilerleyen dönemlerinde kaldırılacaktır.
Geri bildirimde bulunabileceğiniz yerler
Yeni özellikler sundukça geri bildirimlerinizi almaktan memnuniyet duyarız. Eklenen özelliklerin nasıl geliştirilebileceğiyle ilgili fikirleriniz varsa veya paneldeki mevcut akışınız gereksiz şekilde kesintiye uğruyorsa bize yazın. Nelerin işe yaradığını, nelerin yaramadığını ve neleri daha iyi yapılabileceğini düşündüğünüzü öğrenmek isteriz. Teşekkürler!