Chrome DevTools'ta hata ayıklama ve web sayfalarını analiz etmek için hangi araçlar ve sekmeleri kullanıyorsunuz?

Chrome DevTools'ta web sayfalarını hata ayıklama ve analiz etme işlemleri için genellikle aşağıdaki sekmeleri kullanıyorum:

• Elements — DOM yapısını ve CSS stillerini gerçek zamanlı olarak görüntülemek ve değiştirmek için.
• Console — günlükleri görüntülemek, JavaScript kodu çalıştırmak ve hataları yakalamak için.
• Network — ağ isteklerini analiz etmek, kaynakların yüklenmesini, yanıt sürelerini ve durumlarını kontrol etmek için.
• Sources — JavaScript kodunu hata ayıklamak, duraklama noktaları (breakpoints) koymak ve adım adım ilerlemek için.
• Performance — sayfa performansını profil yapmak, yükleme ve render sürelerini analiz etmek için.
• Application — yerel depolama, çerezler, IndexedDB ve önbellekle çalışmak için.
• Security — bağlantının ve sertifikaların güvenliğini kontrol etmek için.

Örnek: Sayfa yüklenirken uzun sürüyorsa, Network sekmesini açar, istekleri zamana göre sıralar ve yüklemeyi yavaşlatan kaynakları görürüm.