Chrome DevTools

Performance – teljesítmény elemzés alapok

Record/Stop workflow, main thread, hosszú task-ok, render fázisok és mit keress kezdőként.

Performance – teljesítmény elemzés alapok

Mire jó?

lassú JavaScript task-ok azonosítása
hosszú task-ok (>50ms) felismerése
style/layout/paint/composite folyamatok áttekintése

Alap workflow

1) Performance panel
2) Record (●)
3) Reprodukálod a lassú műveletet
4) Stop
5) Idővonal elemzés

Mit keress?

piros / hosszú blokkok a main threaden
sok egymás utáni layout → layout thrashing gyanú

Application – storage, cookie és cache kezelés

LocalStorage/SessionStorage/Cookies vizsgálata, auth hibák nyomkövetése, cache törlés.

Responsive mód és eszköz szimuláció

Device toolbar, viewport méretezés, DPR, network/CPU throttling, és tipikus mobil hibák.

On this page

Performance – teljesítmény elemzés alapok Mire jó?Alap workflow Mit keress?