Nagbibigay ba ng Maayos na Frames ang Display Mo?
Suriin ang frame-by-frame na timing para makakita ng mga stutter, micro-hitch, at hindi pare-parehong paghahatid ng frame. Tingnan ang iyong 1% mababang frame times at frame time variance — lahat ay lokal na pinoproseso sa iyong browser.
Gumagamit ang pagsubok na ito ng mga timestamp ng requestAnimationFrame upang sukatin ang oras sa pagitan ng bawat na-render na frame, pagkalkula ng average na frame time, pagkakaiba, 1% lows, at pag-detect ng mga stutter event kung saan ang frame time ay lumampas sa 2x sa average.
Sa 60Hz, ang bawat frame ay dapat na eksaktong 16.67ms. Ang isang frame na kumukuha ng 33ms (isang nahulog na frame) ay nakikita bilang isang micro-stutter sa karamihan ng mga user.
I-embed
I-embed ang tool na ito
Ano ang Ibig Sabihin ng Iyong mga Resulta?
| Resulta | Saklaw | Kahulugan |
|---|---|---|
| Maganda | Ang pagkakaiba-iba ng oras ng frame sa ilalim ng 2ms na walang mga kaganapan sa pagkautal | Ang iyong browser ay patuloy na naghahatid ng mga frame. Ang mga oras ng frame ay mahigpit na nakagrupo sa paligid ng target na agwat, na nagsasaad ng maayos na pag-render nang walang mga bumabagsak na frame. |
| Babala | Ang pagkakaiba-iba ng frame time ay 2–5ms na may paminsan-minsang pag-utal | May nakitang maliliit na hindi pagkakapare-pareho ng frame time. Ang mga proseso sa background, mga extension ng browser, o GPU thermal throttling ay maaaring nagdudulot ng paminsan-minsang pagbaba ng frame. |
| Mahina | Ang pagkakaiba-iba ng frame time na higit sa 5ms o madalas na mga kaganapan sa pagkautal | Mga makabuluhang isyu sa frame timing. Nagdudulot ito ng nakikitang pagkautal. Tingnan kung may background na pag-load ng CPU/GPU, i-disable ang mga salungatan sa pagpapabilis ng hardware, o isara ang mga tab ng browser na mabigat sa mapagkukunan. |
Karaniwang Problema at Solusyon
Patuloy na nauutal bawat ilang segundo
Madalas itong nagsasaad ng mga pag-pause sa koleksyon ng basura o pag-thrott ng tab sa background. Isara ang iba pang mga tab ng browser, huwag paganahin ang mga hindi kinakailangang extension, at tiyaking pinagana ang hardware acceleration sa mga setting ng iyong browser.
Ang mga oras ng frame ay mas mataas kaysa sa inaasahan para sa aking refresh rate
I-verify na ang iyong monitor ay aktwal na tumatakbo sa inaasahang refresh rate sa iyong mga setting ng OS display. Ang ilang mga monitor ay nagde-default sa 60Hz kahit na mas mataas ang suporta nila. Suriin din na ang iyong browser ay hindi na-throttle ng power-saving mode.