Şu anda Canary olan Chrome 58'de Zaman Çizelgesi paneli Performans paneli, Profiller paneli Bellek paneli olarak yeniden adlandırıldı ve Profiller panelindeki JavaScript CPU Profili'ni Kaydet özelliği daha gizli bir konuma taşındı.
Uzun vadeli hedefimiz, eski JavaScript CPU Profilleyici'yi kaldırmak ve herkesin yeni iş akışı ile çalışmasını sağlamaktır.
Bu küçük taşıma rehberinde, Performans panelinde JS profilinin nasıl kaydedileceği ve Performans panelinin kullanıcı arayüzünün alıştığınız eski iş akışıyla nasıl eşlendiği gösterilmektedir.
Eski JavaScript CPU profil aracına erişme
Eskiden Profiller panelinde bulunan eski "JavaScript CPU Profili Kaydetme" iş akışını tercih ediyorsanız bu akışa aşağıdaki şekilde erişmeye devam edebilirsiniz:
- Geliştirici Araçları ana menüsünü açın.
- Diğer araçlar > JavaScript Profil Aracı'nı seçin. Eski profilleyici, JavaScript Profilleyici adlı yeni bir panelde açılır.
JS profili kaydetme
- Geliştirici Araçları'nı açın.
Performans sekmesini tıklayın.
Şekil 1. Performans paneli.
Aşağıdaki yöntemlerden birini kullanarak kayıt yapın:
- Sayfa yükleme profili oluşturmak için Sayfa Yüklemesini Kaydet'i tıklayın. Geliştirici Araçları, kaydı otomatik olarak başlatır ve sayfanın yüklenmesinin tamamlandığını algıladığında otomatik olarak durdurur.
- Çalışan bir sayfanın profilini oluşturmak için Kaydet'i tıklayın, profilini oluşturmak istediğiniz işlemleri gerçekleştirin ve işlemi tamamladığınızda Durdur'u tıklayın.
Eski iş akışı yenisiyle nasıl eşlenir?
Aşağıdaki ekran görüntüsünde, eski iş akışının Grafik görünümünde CPU kullanımı genel bakış grafiğinin (üst ok) ve alev grafiğinin (alt ok) yeni iş akışındaki konumu gösterilmektedir.
Şekil 2. Eski iş akışında (solda) ve yeni iş akışında (sağda) alev grafiği arasında eşleme.
Ağır (Aşağıdan Yukarıya) görünümü, Aşağıdan Yukarıya sekmesinde kullanılabilir:
Şekil 3. Eski iş akışında (solda) ve yeni iş akışında (sağda) Aşağıdan Yukarıya görünümü arasında eşleme.
Ağaç (Yukarıdan Aşağı) görünümü ise Arama Ağacı sekmesinde kullanılabilir:
Şekil 4. Eski iş akışında (solda) ve yeni iş akışında (sağda) ağaç görünümü arasında eşleme.