FPS-teller
Gebruik deze FPS-teller om te meten hoe soepel je browser de huidige pagina weergeeft. Hij bemonstert de frames met requestAnimationFrame, toont de huidige, gemiddelde, minimale en maximale FPS en kan een korte grafiek tekenen zodat je dips herkent die worden veroorzaakt door zware tabbladen, animaties, extensies, throttling of beeldscherminstellingen.
Zo meet je de FPS van je browser
-
1
Kies de meetduur
Vijf seconden is een goede standaardwaarde. Gebruik een langere meting als je terugkerende haperingen of wisselende achtergrondbelasting wilt betrappen.
-
2
Stel de afvlakking en de waarschuwingsdrempel in
Het afvlakkingsvenster middelt de recente frames, terwijl de drempel het FPS-niveau markeert dat je op het geteste apparaat nog acceptabel vindt.
-
3
Start de teller en lees de spreiding af
De huidige FPS toont de recente rendersnelheid. Het gemiddelde, de laagste en de hoogste waarde laten zien of de sessie constant soepel was of zichtbare dips had.
Wat de FPS-teller meet
Deze tool meet het rendertempo van de browser, niet de benchmarkprestaties van je videokaart. Telkens wanneer de browser klaar is om een volgend frame te tekenen, roept requestAnimationFrame de sampler aan. De tijd tussen twee callbacks levert een momentane framerate op:
FPS = 1000 / frame_time_in_ms
De getoonde huidige FPS is een voortschrijdend gemiddelde over het afvlakkingsvenster. Een venster van 60 frames werkt goed bij gewone 60 Hz-schermen, omdat het losse uitschieters dempt zonder aanhoudende dalingen te verbergen. Kleinere vensters reageren sneller, grotere vensters ogen stabieler.
Uitgewerkt voorbeeld
Stel dat een meting van vijf seconden deze vereenvoudigde frame-intervallen registreert:
| Frame-interval | Momentane FPS | Wat het betekent |
|---|---|---|
| 16,7 ms | 59,9 FPS | Typische weergave op 60 Hz |
| 8,3 ms | 120,5 FPS | Typische weergave op 120 Hz |
| 25,0 ms | 40,0 FPS | Op veel schermen zichtbaar traag |
| 33,3 ms | 30,0 FPS | Zware belasting of throttling |
Ligt je waarschuwingsdrempel op 50 FPS en eindigt het gemeten voortschrijdend gemiddelde op 47 FPS, dan blijft het resultaat onder je doel, ook al waren enkele frames sneller. Eindigt het rond 60 FPS met af en toe een dip naar 45 FPS, dan is het gemiddelde gezond, maar wijst het minimum op haperingen die het onderzoeken waard zijn.
De resultaten uitlezen
| Patroon in het resultaat | Waarschijnlijke betekenis | Volgende controle |
|---|---|---|
| Gemiddelde vlak bij de verversingsfrequentie, dips zeldzaam | De weergave is gezond | Vergelijk alleen met een andere browser als dat nodig is |
| Gemiddelde goed, laagste waarde veel lager | Terugkerende haperingen | Sluit zware tabbladen of controleer de animaties |
| Gemiddelde onder de drempel | Aanhoudend hoge renderbelasting | Controleer CPU-belasting, extensies en paginascripts |
| FPS begrensd rond 30 | Energiebesparing of throttling | Controleer de accumodus en de beeldscherminstellingen |
De FPS in je browser hangt af van de verversingsfrequentie van het scherm, de compositor van het besturingssysteem, de accumodus, thermische throttling, de actieve tabbladen en de pagina zelf. Doe de test eerst in een rustig tabblad en herhaal hem daarna terwijl de pagina of app die je onderzoekt actief is.
Veelgestelde vragen
Nee. Deze teller meet hoe vaak de browser requestAnimationFrame-callbacks ontvangt. Dat is handig voor webanimaties en het controleren van de vloeiendheid van een pagina, maar het is geen volwaardige GPU-benchmark voor native games.
De meeste browsers koppelen animatieframes aan de verversingsfrequentie van het scherm. Een 60 Hz-monitor meldt meestal bijna 60 FPS, terwijl schermen van 120 Hz of 144 Hz hogere waarden kunnen melden als de browser en het besturingssysteem dat toestaan.
Gebruik 50 FPS voor een gewone vloeiendheidscontrole op 60 Hz. Zet de drempel bij monitors met een hoge verversingsfrequentie dichter bij de ervaring die je verwacht, bijvoorbeeld 90 FPS of 120 FPS.
Nee. De meting draait in je browser met lokale timing-APIs. De tool stuurt geen framegegevens, schermafbeeldingen of apparaatgegevens naar een externe API.
Gerelateerde tools
ASCII-tabelreferentie
Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.
HTML-tekenreferentie
Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.
Sneltoetsenoverzicht
Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.
E-mailvalidator
Valideer een e-mailadres: RFC 5322-syntaxcontrole, live MX-record-zoekopdracht, plus details over lokaal deel, domein en lengte. Er wordt geen e-mail verstuurd.
EditorConfig-generator
Genereer een .editorconfig-bestand met uw regels voor inspringstijl en -grootte, regeleinde, tekenset en witruimte voor consistente opmaak in alle IDE's en editors.
HTML-opmaker
Formatteer HTML lokaal in de browser met twee of vier spaties inspringing. HTML wordt niet geüpload of gevalideerd.
Tool beschikbaar in andere talen
- FPS-räknare [SV]
- Compteur de FPS [FR]
- ตัวนับ FPS [TH]
- Bộ đếm FPS [VI]
- عدّاد FPS [AR]
- Penghitung FPS [ID]
- Contador de FPS [ES]
- FPS カウンター [JA]
- FPS 카운터 [KO]
- FPS-Zähler [DE]
- Licznik FPS [PL]
- Contador de FPS [PT]
- Счетчик FPS [RU]
- FPS Sayacı [TR]
- FPS 计数器 [ZH]
- FPS Counter [EN]
- Contatore FPS [IT]