Meggin Kearney
Flavio Copes
Zaman çizelgesi etkinlikleri modu, kayıt yapılırken tetiklenen tüm etkinlikleri gösterir. Zaman çizelgesi etkinlik türleri hakkında daha fazla bilgi edinmek için zaman çizelgesi etkinlik referansını kullanın.
Zaman çizelgesindeki yaygın etkinlik özellikleri
Bazı ayrıntılar tüm türlerdeki etkinliklerde bulunurken bazıları yalnızca belirli etkinlik türleri için geçerlidir. Bu bölümde, farklı etkinlik türleri için ortak olan özellikler listelenmektedir. Belirli etkinlik türlerine özgü özellikler, aşağıdaki etkinlik türleriyle ilgili referanslarda listelenir.
| Mülk | Ne zaman gösterilir? |
|---|---|
| Toplanan süre | İç içe yerleştirilmiş etkinlikler içeren etkinlikler için her etkinlik kategorisinin harcadığı süre. |
| Çağrı Grubu | Alt etkinlikleri olan etkinlikler için her etkinlik kategorisinin harcadığı süre. |
| CPU süresi | Kaydedilen etkinliğin ne kadar CPU süresi aldığı. |
| Ayrıntılar | Etkinlikle ilgili diğer ayrıntılar. |
| Süre (zaman damgasında) | Etkinliğin tüm alt öğeleriyle birlikte tamamlanması için geçen süre. Zaman damgası, kaydın başladığı zamana göre etkinliğin gerçekleştiği zamandır. |
| Etkinlik süresi | Etkinliğin, alt etkinlikleri olmadan ne kadar sürdüğü. |
| Kullanılan Yığın Boyutu | Etkinlik kaydedildiğinde uygulama tarafından kullanılan bellek miktarı ve son örneklemeden bu yana kullanılan yığın boyutundaki delta (+/-) değişiklik. |
Etkinlikler yükleniyor
Bu bölümde, Yükleme kategorisine ait etkinlikler ve bu etkinliklerin özellikleri listelenir.
| Etkinlik | Açıklama |
|---|---|
| HTML'yi ayrıştırma | Chrome, HTML ayrıştırma algoritmasını çalıştırmıştır. |
| Yüklemeyi Bitir | Bir ağ isteği tamamlandı. |
| Verileri Al | Bir istekle ilgili veriler alındı. Bir veya daha fazla Veri Al etkinliği olacaktır. |
| Yanıt Alma | Bir istekteki ilk HTTP yanıtı. |
| İstek Gönder | Bir ağ isteği gönderildi. |
Etkinlik özelliklerini yükleme
| Mülk | Açıklama |
|---|---|
| Kaynak | İstenen kaynağın URL'si. |
| Önizleme | İstenen kaynağın önizlemesi (yalnızca resimler). |
| İstek Yöntemi | İstek için kullanılan HTTP yöntemi (ör. GET veya POST). |
| Durum Kodu | HTTP yanıt kodu. |
| MIME Türü | İstenen kaynağın MIME türü. |
| Kodlanmış Veri Uzunluğu | İstenen kaynağın bayt cinsinden uzunluğu. |
Komut dosyası çalıştırma etkinlikleri
Bu bölümde, Komut Dosyası kategorisine ait etkinlikler ve bu etkinliklerin özellikleri listelenmektedir.
| Etkinlik | Açıklama |
|---|---|
| Animasyon karesi tetiklendi | Planlanmış bir animasyon karesi tetiklendi ve geri çağırma işleyicisi çağrıldı. |
| Animasyon çerçevesini iptal et | Planlanmış bir animasyon karesi iptal edildi. |
| GC Etkinliği | Atık toplama işlemi gerçekleşti. |
| DOMContentLoaded | DOMContentLoaded, tarayıcı tarafından tetiklendi. Bu etkinlik, sayfanın DOM içeriğinin tamamı yüklendiğinde ve ayrıştırıldığında tetiklenir. |
| Komut Dosyasını Değerlendir | Bir komut dosyası değerlendirildi. |
| Etkinlik | JavaScript etkinliği ("mousedown" veya "key" gibi). |
| İşlev Çağrısı | Üst düzey bir JavaScript işlevi çağrısı yapıldı (yalnızca tarayıcı JavaScript motoruna girdiğinde görünür). |
| Zamanlayıcı yükle | setInterval() veya setTimeout() ile bir zamanlayıcı oluşturuldu. |
| Animasyon karesi iste | requestAnimationFrame() çağrısı yeni bir çerçeve planladı |
| Zamanlayıcıyı Kaldır | Daha önce oluşturulan bir zamanlayıcı temizlendi. |
| Saat | console.time() adlı bir komut dosyası |
| Bitiş zamanı | console.timeEnd() adlı bir komut dosyası |
| Zamanlayıcı Tetiklendi | setInterval() veya setTimeout() ile planlanmış bir zamanlayıcı tetiklendi. |
| XHR Hazır Durumu Değişikliği | XMLHTTPRequest'in hazır durumu değişti. |
| XHR Yüklemesi | Bir XMLHTTPRequest yüklemesi tamamlandı. |
Komut dosyası etkinlik özellikleri
| Mülk | Açıklama |
|---|---|
| Zamanlayıcı kimliği | Zamanlayıcı kimliği. |
| Zaman aşımı | Zamanlayıcı tarafından belirtilen zaman aşımı. |
| Yinelenme sıklığı | Zamanlayıcının tekrarlanıp tekrarlanmayacağını belirten Boole değeri. |
| İşlev Çağrısı | Çağrılan bir işlev. |
Etkinlikleri oluşturma
Bu bölümde, Oluşturma kategorisine ait etkinlikler ve bu etkinliklerin özellikleri listelenmektedir.
| Etkinlik | Açıklama |
|---|---|
| Düzeni geçersiz kıl | Sayfa düzeni, DOM değişikliği nedeniyle geçersiz kılındı. |
| Düzen | Bir sayfa düzeni yürütüldü. |
| Stili yeniden hesaplama | Chrome, öğe stillerini yeniden hesapladı. |
| Kaydırma | İç içe yerleştirilmiş görünümün içeriği kaydırıldı. |
Etkinlik özelliklerini oluşturma
| Mülk | Açıklama |
|---|---|
| Düzen geçersiz kılındı | Düzenleme kayıtları için, düzenin geçersiz kılınmasına neden olan kodun yığın izlemesi. |
| Düzen gerektiren düğümler | Düzen kayıtları için, yeniden düzenleme başlamadan önce düzene ihtiyaç duyduğu işaretlenen düğümlerin sayısı. Bunlar genellikle geliştirici kodu tarafından geçersiz kılınan düğümler ve yeniden düzen oluşturma köküne giden bir yoldur. |
| Düzen ağacı boyutu | Düzen kayıtları için yeniden düzenleme kökü (Chrome'un yeniden düzenlemeyi başlattığı düğüm) altındaki toplam düğüm sayısı. |
| Düzen kapsamı | Olası değerler "Kısmi" (yeniden düzen sınırı DOM'un bir kısmıdır) veya "Dokümanın tamamı"dır. |
| Etkilenen öğeler | Stili yeniden hesapla kayıtları için stil yeniden hesaplamasından etkilenen öğelerin sayısı. |
| Stiller geçersiz kılındı | Stil kayıtlarını yeniden hesaplama için, stilin geçersiz kılınmasına neden olan kodun yığın izlemesini sağlar. |
Boyama etkinlikleri
Bu bölümde, Resim kategorisine ait etkinlikler ve bu etkinliklerin özellikleri listelenir.
| Etkinlik | Açıklama |
|---|---|
| Birleşik Katmanlar | Chrome'un oluşturma motoru, resim katmanlarını birleştirdi. |
| Resim Kodu Çözme | Bir resim kaynağının kodu çözüldü. |
| Resim Yeniden Boyutlandırma | Bir resim, doğal boyutlarından yeniden boyutlandırıldı. |
| Boyama yapın | Birleştirilmiş katmanlar ekranın bir bölgesine boyandı. Fareyle bir boya kaydının üzerine geldiğinizde ekranın güncellenen bölgesi vurgulanır. |
Boyama etkinliği özellikleri
| Mülk | Açıklama |
|---|---|
| Konum | Boyama etkinlikleri için boyama dikdörtgeninin x ve y koordinatları. |
| Boyutlar | Boyama etkinlikleri için boyalı bölgenin yüksekliği ve genişliği. |