FPS-räknare
Använd den här FPS-räknaren för att mäta hur mjukt din webbläsare ritar upp den aktuella sidan. Den samplar bildrutorna med requestAnimationFrame, visar aktuell, genomsnittlig, lägsta och högsta FPS och kan rita en kort graf så att du ser dippar som orsakas av tunga flikar, animationer, tillägg, strypning eller skärminställningar.
Så mäter du webbläsarens FPS
-
1
Välj mätningens längd
Fem sekunder är ett bra standardvärde. Använd en längre mätning när du vill fånga återkommande hack eller växlande bakgrundsbelastning.
-
2
Ställ in utjämning och varningsgräns
Utjämningsfönstret beräknar medelvärdet av de senaste bildrutorna, medan gränsen markerar den FPS-nivå du anser acceptabel på enheten du testar.
-
3
Kör räknaren och läs av spridningen
Aktuell FPS visar den senaste renderingshastigheten. Medelvärdet samt lägsta och högsta värde avslöjar om sessionen var jämnt mjuk eller hade synliga dippar.
Vad FPS-räknaren mäter
Verktyget mäter webbläsarens renderingstakt, inte grafikkortets prestanda i ett benchmark. Varje gång webbläsaren är redo att rita en ny bildruta anropar requestAnimationFrame samplaren. Tiden mellan två anrop ger en momentan bildfrekvens:
FPS = 1000 / frame_time_in_ms
Den aktuella FPS som visas är ett glidande medelvärde över utjämningsfönstret. Ett fönster på 60 bildrutor fungerar bra på vanliga 60 Hz-skärmar eftersom det dämpar enstaka toppar utan att dölja ihållande fall. Mindre fönster reagerar snabbare, större fönster ser stabilare ut.
Räkneexempel
Anta att en mätning på fem sekunder registrerar dessa förenklade intervall mellan bildrutor:
| Intervall mellan bildrutor | Momentan FPS | Vad det tyder på |
|---|---|---|
| 16,7 ms | 59,9 FPS | Typisk rendering vid 60 Hz |
| 8,3 ms | 120,5 FPS | Typisk rendering vid 120 Hz |
| 25,0 ms | 40,0 FPS | Synligt trögt på många skärmar |
| 33,3 ms | 30,0 FPS | Tung belastning eller strypning |
Om din varningsgräns är 50 FPS och det uppmätta glidande medelvärdet slutar på 47 FPS ligger resultatet under målet, även om enstaka bildrutor var snabbare. Slutar det nära 60 FPS med tillfälliga dippar till 45 FPS är medelvärdet bra, men lägstavärdet berättar att det fanns hack som är värda att undersöka.
Tolka resultatet
| Mönster i resultatet | Trolig orsak | Nästa kontroll |
|---|---|---|
| Medel nära uppdateringsfrekvensen, sällsynta dippar | Renderingen mår bra | Jämför med en annan webbläsare bara vid behov |
| Bra medel, mycket lägre lägstavärde | Återkommande hack | Stäng tunga flikar eller granska animationerna |
| Medel under gränsen | Ihållande hög renderingsbelastning | Kontrollera CPU-belastning, tillägg och sidans skript |
| FPS begränsad kring 30 | Energisparläge eller strypning | Kontrollera batteriläge och skärminställningar |
Webbläsarens FPS påverkas av skärmens uppdateringsfrekvens, operativsystemets compositor, batteriläget, termisk strypning, aktiva flikar och sidan i sig. Kör testet först i en lugn flik och upprepa det sedan medan sidan eller appen du felsöker är aktiv.
Vanliga frågor
Nej. Den här räknaren mäter hur ofta webbläsaren får requestAnimationFrame-anrop. Den är användbar för webbanimationer och för att kontrollera hur mjuk en sida känns, men den är inte ett fullständigt GPU-benchmark för nativa spel.
De flesta webbläsare synkroniserar animationsbildrutor med skärmens uppdateringsfrekvens. En 60 Hz-skärm rapporterar oftast nära 60 FPS, medan skärmar på 120 Hz eller 144 Hz kan rapportera högre värden när webbläsaren och operativsystemet tillåter det.
Använd 50 FPS för en vanlig kontroll av mjukhet vid 60 Hz. På skärmar med hög uppdateringsfrekvens sätter du gränsen närmare den upplevelse du förväntar dig, till exempel 90 FPS eller 120 FPS.
Nej. Mätningen körs i din webbläsare med lokala tids-API:er. Verktyget skickar inte bilddata, skärmbilder eller enhetsuppgifter till något externt API.
Relaterade verktyg
ASCII-tabellreferens
Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.
HTML-teckenreferens
En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.
Referens för kortkommandon
Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.
HTML-formaterare
Formatera HTML lokalt i webbläsaren med indrag på två eller fyra blanksteg. HTML laddas inte upp eller valideras.
E-postvalidator
Validera en e-postadress: RFC 5322-syntaxkontroll, live-slagning av MX-poster samt detaljer om lokal del, domän och längd. Ingen e-post skickas.
Slumpgenerator för bokstäver
Generera slumpade A-Z-bokstäver. Välj antal, versaler, gemener eller blandat läge och använd resultatet för spel, uppgifter eller klassrumsaktiviteter.
Verktyget finns på andra språk
- FPS カウンター [JA]
- Contador de FPS [ES]
- Compteur de FPS [FR]
- Contador de FPS [PT]
- Bộ đếm FPS [VI]
- ตัวนับ FPS [TH]
- FPS 카운터 [KO]
- عدّاد FPS [AR]
- FPS-Zähler [DE]
- Penghitung FPS [ID]
- FPS-teller [NL]
- Licznik FPS [PL]
- FPS Counter [EN]
- Contatore FPS [IT]
- Счетчик FPS [RU]
- FPS Sayacı [TR]
- FPS 计数器 [ZH]