Mode kejadian timeline menampilkan semua kejadian yang dipicu saat membuat rekaman. Gunakan referensi kejadian timeline untuk mempelajari selengkapnya tentang setiap jenis kejadian timeline.
Properti kejadian timeline umum
Beberapa detail ditampilkan pada semua jenis kejadian, sedangkan sebagian lagi hanya berlaku pada jenis kejadian tertentu. Bagian ini mencantumkan properti yang umum pada berbagai jenis kejadian. Properti yang spesifik untuk jenis kejadian tertentu dicantumkan di referensi untuk jenis kejadian yang mengikutinya.
| Properti |
Kapan ditampilkan |
| Aggregated time |
Untuk kejadian dengan kejadian tersarang, waktu yang dibutuhkan oleh setiap kategori kejadian. |
| Call Stack |
Untuk kejadian dengan kejadian anak, waktu yang dibutuhkan oleh setiap kategori kejadian. |
| CPU time |
Berapa lama waktu CPU yang dibutuhkan oleh kejadian yang direkam. |
| Details |
Detail lainnya tentang kejadian. |
| Duration (at time-stamp) |
Waktu yang dibutuhkan oleh kejadian bersama semua anaknya sampai selesai; stempel waktu adalah waktu saat kejadian terjadi, relatif terhadap waktu rekaman dimulai. |
| Self time |
Waktu yang dibutuhkan kejadian tanpa anaknya. |
| Used Heap Size |
Besar memori yang dipakai oleh aplikasi saat kejadian direkam, dan perubahan delta (+/-) di ukuran heap yang digunakan sejak pengambilan sampel terakhir. |
Memuat kejadian
Bagian ini mencantumkan kejadian yang berada dalam kategori Loading dan propertinya.
| Kejadian |
Keterangan |
| Parse HTML |
Chrome mengeksekusi algoritme yang mem-parse HTML-nya. |
| Finish Loading |
Permintaan jaringan selesai. |
| Receive Data |
Data untuk sebuah permintaan diterima. Ada satu atau beberapa kejadian Receive Data. |
| Receive Response |
Respons HTTP awal dari sebuah permintaan. |
| Send Request |
Permintaan jaringan telah dikirim. |
Properti kejadian Loading
| Properti |
Keterangan |
| Resource |
URL sumber daya yang diminta. |
| Preview |
Pratinjau sumber daya yang diminta (hanya gambar). |
| Request Method |
Metode HTTP yang digunakan untuk permintaan (misalnya, GET atau POST). |
| Status Code |
Kode respons HTTP. |
| MIME Type |
Tipe MIME sumber daya yang diminta. |
| Encoded Data Length |
Panjang sumber daya yang diminta dalam byte. |
Kejadian Scripting
Bagian ini mencantumkan kejadian yang termasuk dalam kategori Scripting dan propertinya.
| Kejadian |
Keterangan |
| Animation Frame Fired |
Bingkai animasi yang dijadwalkan terpicu dan penangan callback-nya dijalankan. |
| Cancel Animation Frame |
Bingkai animasi yang dijadwalkan dibatalkan. |
| GC Event |
Terjadi pengumpulan sampah. |
| DOMContentLoaded |
DOMContentLoaded dipicu oleh browser. Kejadian ini dipicu saat semua materi DOM laman telah dimuat dan di-parse. |
| Evaluate Script |
Sebuah skrip dievaluasi. |
| Event |
Sebuah kejadian JavaScript (misalnya, "mousedown" atau "key"). |
| Function Call |
Panggilan fungsi JavaScript tingkat tinggi dibuat (hanya muncul saat browser memasuki mesin JavaScript. |
| Install Timer |
Sebuah timer dibuat dengan setInterval() atau setTimeout(). |
| Request Animation Frame |
Sebuah panggilan requestAnimationFrame() menjadwalkan bingkai baru |
| Remove Timer |
Timer yang sebelumnya dibuat dibersihkan. |
| Time |
Sebuah skrip memanggil console.time() |
| Time End |
Sebuah skrip memanggil console.timeEnd() |
| Timer Fired |
Sebuah timer terpicu yang dijadwalkan dengan setInterval() atau setTimeout(). |
| XHR Ready State Change |
Status siap XMLHTTPRequest berubah. |
| XHR Load |
Sebuah XMLHTTPRequest selesai dimuat. |
Properti kejadian Scripting
| Properti |
Keterangan |
| Timer ID |
ID timer. |
| Timeout |
Waktu tunggu yang ditetapkan oleh timer. |
| Repeats |
Boolean yang menetapkan apakah timer diulangi. |
| Function Call |
Sebuah fungsi yang dipanggil. |
Kejadian Rendering
Bagian ini mencantumkan kejadian yang termasuk dalam kategori Rendering dan propertinya.
| Kejadian |
Keterangan |
| Invalidate layout |
Layout laman dibuat tidak valid oleh perubahan DOM. |
| Layout |
Sebuah layout laman dieksekusi. |
| Recalculate style |
Chrome menghitung ulang gaya elemen. |
| Scroll |
Materi tampilan bersarang digulir. |
Properti kejadian Rendering
| Properti |
Keterangan |
| Layout invalidated |
Untuk catatan Layout, pelacakan tumpukan kode yang menyebabkan layout diinvalidkan. |
| Nodes that need layout |
Untuk catatan Layout, jumlah simpul yang ditandai sebagai memerlukan layout sebelum layout ulang dimulai. Ini biasanya simpul yang dibuat tidak valid oleh kode developer, ditambah jalur ke atas ke akar layout ulang. |
| Layout tree size |
Untuk catatan Layout, total jumlah simpul di bawah akar layout ulang (simpul tempat Chrome memulai layout ulang). |
| Layout scope |
Nilai yang mungkin adalah "Partial" (batas layout ulang adalah bagian dari DOM) atau "Whole document". |
| Elements affected |
Untuk catatan gaya Recalculate, jumlah elemen yang terkena dampak penghitungan ulang gaya. |
| Styles invalidated |
Untuk catatan gaya Recalculate, menyediakan pelacakan tumpukan kode yang disebabkan oleh invalidasi gaya. |
Kejadian Painting
Bagian ini mencantumkan kejadian yang termasuk dalam kategori Painting dan propertinya.
| Kejadian |
Keterangan |
| Composite Layers |
Mesin rendering Chrome mengomposisikan layer gambar. |
| Image Decode |
Sebuah sumber daya gambar didekode. |
| Image Resize |
Sebuah gambar diubah ukurannya dari dimensi bawaannya. |
| Paint |
Layer yang dikomposisi digambarkan ke sebuah region tampilan. Mengarahkan kursor ke atas catatan Paint menyorot region tampilan yang diperbarui. |
Properti kejadian Painting
| Properti |
Keterangan |
| Location |
Untuk kejadian Paint, koordinat x dan y kotak paint. |
| Dimensions |
Untuk kejadian Paint, tinggi dan lebar region yang digambar. |
