FPS-test: controleer de framesnelheid en 1% dieptepunten van uw browser

Gratis online FPS-test: live framesnelheidsmeter, detectie van vernieuwingsfrequentie, dieptepunten van 1% en 0,1%, frametijdgrafiek, bewegingsvergelijking van 15/30/60 FPS en CPU- of GPU (WebGL)-stressbenchmarks met een cijfer. Geen download, 100% in de browser.

Gebouwd en onderhouden door Shehzad Munir ·

FPS-test
Loading FPS Render Array
Share

Hoe deze FPS-test de framesnelheid meet

Een geavanceerde online FPS-test die de framesnelheid van uw echte browser meet bij elke schermvernieuwing. Een live FPS-meter start onmiddellijk en detecteert automatisch de vernieuwingsfrequentie van uw scherm (60, 120, 144, 165, 240 Hz en meer). Voer een benchmark van 10, 30 of 60 seconden uit voor gemiddelde FPS, dieptepunten van 1% en 0,1%, stabiliteit, verloren frames en frametijden van het 50e/95e/99e percentiel, bekijk een live frametijdgrafiek, vergelijk de vloeiende bewegingen bij 15, 30, 60 en volledige FPS naast elkaar, en belast uw CPU (Canvas 2D) of GPU (WebGL shader) met vijf stressniveaus. Het toont ook uw GPU, CPU-threads en scherm, en slaat uw beste resultaten lokaal op.

Browsers tekenen een nieuw frame synchroon met de vernieuwing van uw monitor (V-Sync) en geven de tijdstempel van elk frame weer via requestAnimationFrame. De tool registreert de exacte tijd tussen elk frame, dus de getallen worden gemeten en niet geschat: FPS is 1000 ÷ gemiddelde frametijd, en elk stotteren wordt weergegeven als een lang frame. Het kalibreert eerst uw inactieve frames om uw vernieuwingsfrequentie te detecteren, negeert gaten veroorzaakt door verborgen tabbladen en werkt de live-meter vier keer per seconde bij. Omdat browsers de animatie beperken tot uw vernieuwingsfrequentie, is een perfecte score gelijk aan de Hz van uw scherm, en niet aan een onbeperkt aantal zoals in-game benchmarks.

Functies

  • Always-On FPS-meter: Een live FPS-teller en ms-per-frame-uitlezing starten onmiddellijk, met een kleurenring die laat zien hoe dicht u bij uw vernieuwingsfrequentie bent.
  • Detectie van vernieuwingsfrequentie: detecteert automatisch 60, 75, 90, 120, 144, 165, 240 Hz en hogere weergaven op basis van echte frametiming.
  • Getimede benchmarks: runs van 10, 30 en 60 seconden (of onbeperkt) met een Flawless-to-Struggling-cijfer en persoonlijk record per duur en belasting.
  • Pro Frame-statistieken: Gemiddelde, piek- en minimale FPS, 1% en 0,1% dieptepunten, stabiliteitsscore, weggevallen frames en haperingen.
  • Frametijdpercentielen: Mediaan (P50), 95e en 99e percentielframetijden in milliseconden, de cijfers die recensenten gebruiken.
  • Live Frame-Time Graph: de laatste 180 frames als balken met 60 Hz/verversing en 33 ms-richtlijnen; stotteringen zijn rood gemarkeerd.
  • Bewegingsvergelijkingsbanen: Hetzelfde object beweegt met 15, 30, 60 en je volledige vernieuwingsfrequentie om vloeiendheid te zien en te vergelijken, met drie snelheden.
  • CPU- en GPU-stresstests: canvas 2D-deeltjes (600 tot 16.000 objecten) of een WebGL-shader (GPU) over vijf belastingsniveaus.
  • Systeeminformatie: GPU-renderer, browser, schermresolutie en pixelverhouding, CPU-threads en apparaatgeheugen.
  • Geschiedenis, delen en volledig scherm: opgeslagen benchmarkgeschiedenis, delen van resultaten met één tik en een modus voor volledig scherm; Pauzes op verborgen tabbladen worden automatisch uitgesloten.

Hoe FPS-test te gebruiken

  1. 1

    Bekijk de live-meter

    De FPS-ring begint zodra de pagina wordt geladen en detecteert de vernieuwingsfrequentie van uw scherm. Een gezond systeem zit op of heel dichtbij dat aantal.

  2. 2

    Kies een benchmarklengte

    Kies 10, 30 of 60 seconden voor een beoordeelde run, of ∞ om op te nemen totdat u op Stop drukt. Houd dit tabblad zichtbaar terwijl het actief is.

  3. 3

    CPU- of GPU-belasting toevoegen (optioneel)

    Kies in de Render-stressfase CPU (Canvas 2D-deeltjes) of GPU (WebGL-shader) en een niveau van Licht tot Extreem om te zien hoeveel hoofdruimte je hebt.

  4. 4

    Voer uit en lees de resultaten

    Druk op Benchmark uitvoeren. Je krijgt gemiddelde FPS, 1% en 0,1% dieptepunten, stabiliteit, gedropte frames en P50/P95/P99 frametijden, plus een cijfer.

  5. 5

    Vergelijk beweging en geschiedenis

    Gebruik de bewegingsbanen om te zien hoe 15, 30 en 60 FPS zich verhouden tot uw volledige vernieuwingsfrequentie, en bekijk de geschiedenistabel om runs te vergelijken.

Veelvoorkomende gebruiksscenario's

  • Controleer of een 120 Hz-, 144 Hz- of 240 Hz-monitor daadwerkelijk op de volledige vernieuwingsfrequentie in de browser draait
  • Diagnose stotteren met dieptepunten van 1% en 0,1% en frametijdpercentielen, zelfs als de gemiddelde FPS er goed uitziet
  • Voer een stresstest uit op de GPU van een laptop met WebGL en let op thermische throttling gedurende een run van 60 seconden
  • Vergelijk browsers, of hardwareversnelling aan en uit, met dezelfde benchmarkinstellingen
  • Zie het zichtbare verschil tussen 30, 60 en 144 FPS naast elkaar voordat u een high-refresh monitor koopt
  • Meet de FPS-kosten van extensies, achtergrondtabbladen of batterijbesparingsmodus
  • Deel een snel, reproduceerbaar framesnelheidsresultaat met ondersteuning of een vriend

Gedetailleerde gids

Gemiddelde FPS versus dieptepunten van 1% versus frametijdpercentielen

Gemiddelde FPS verbergt stotteren. Als 99 frames 7 ms duren en één 60 ms, ziet het gemiddelde er nog steeds geweldig uit, maar je voelt de hapering. 1% laag en 0,1% laag tonen de FPS van je langzaamste 1% en 0,1% van de frames, en de frametijden van de P95 en P99 laten zien hoe lang je langzaamste frames duren. Dicht bij uw vernieuwingsfrequentie betekent dat u echt vloeiende bewegingen maakt.

MetrischWat het je verteltGoed resultaat (144 Hz weergave)
Gemiddelde FPSAlgemene framesnelheid140+
1% laagFPS tijdens de slechtste 1% van de framesBoven de 120
0,1% laagZeldzame, ernstige haperingenBoven de 90
Frametijd P9999% van de frames is sneller dan ditMinder dan 10 ms
StabiliteitHoe gelijkmatig de framestimulatie is (0-100%)90%+
Gevallen kadersVernieuwingen die geen nieuw frame hebben gekregenBijna 0

Frametijd en FPS-conversietabel

Frametijd is het omgekeerde van FPS. De frametijdgrafiek tekent een richtlijn bij uw vernieuwingsinterval en bij 33,3 ms (30 FPS); balken boven de groene lijn zijn late frames, en rode balken zijn frames die meer dan twee keer zo lang duurden als zou moeten.

Vernieuwingsfrequentie / FPSFrametijd
3033.3 ms
6016.7 ms
7513.3 ms
1208.3 ms
1446.9 ms
1656.1 ms
2404.2 ms
3602.8 ms

Zie het verschil: 15 versus 30 versus 60 versus 144 FPS

Het bewegingsvergelijkingspaneel beweegt hetzelfde object met dezelfde snelheid over het scherm, maar elke baan wordt alleen bijgewerkt met zijn eigen framesnelheid: 15, 30, 60, de helft van uw vernieuwingsfrequentie (op 120 Hz+ schermen) en uw volledige vernieuwingsfrequentie. De lagere rijstroken springen in zichtbare stappen terwijl de onderste baan glijdt. Als uw 60 FPS-baan en 'uw beeldscherm'-baan er identiek uitzien op een 144 Hz-monitor, is het scherm waarschijnlijk ingesteld op 60 Hz in uw besturingssysteem, of ondersteunt de kabel geen hoge verversing.

CPU versus GPU-stresstest in de browser

De CPU-modus animeert 600 tot 16.000 individueel getekende Canvas 2D-deeltjes, waardoor de hoofdthread en de compositor worden geladen. De GPU-modus geeft een WebGL-fragmentarcering op volledig scherm weer waarvan het werk per pixel met elk niveau toeneemt, waardoor de grafische kaart wordt geladen. Kijk hoe snel de gemiddelde FPS en de laagste waarden van 1% dalen als je de belasting verhoogt: een desktop-GPU blijft doorgaans veel langer op de verversingssnelheid dan een geïntegreerde laptop-GPU, en een zware run van 60 seconden is een snelle manier om thermische throttling op te merken naarmate de FPS na verloop van tijd afneemt.

Waarom is mijn FPS laag of beperkt?

Als het resultaat op een monitor met hoge vernieuwingsfrequentie op 60 blijft hangen, stelt u het beeldscherm in op de maximale vernieuwingsfrequentie in Windows Beeldscherminstellingen of macOS-beeldschermen, gebruikt u DisplayPort of een snelle HDMI-kabel en schakelt u de batterijbesparingsmodus uit. Als de FPS ruim onder uw vernieuwingsfrequentie ligt, zorg er dan voor dat hardwareversnelling is ingeschakeld in uw browserinstellingen, sluit zware tabbladen en extensies, update grafische stuurprogramma's en sluit laptops aan op een stopcontact. Safari en sommige mobiele browsers kunnen ook de framesnelheid beperken in de energiebesparende modus.

Controleer op dode pixelsTest uw internetsnelheid

Veelgestelde vragen

Hoe controleer ik mijn FPS online?

Open gewoon deze pagina: de live FPS-meter start onmiddellijk en toont uw huidige framesnelheid en milliseconden per frame. Druk op Run benchmark voor een getimed, beoordeeld resultaat met dieptepunten van 1% en frametijdpercentielen.

Waarom is mijn FPS beperkt tot 60 (of mijn vernieuwingsfrequentie)?

Browsers synchroniseren animaties met uw monitor (V-Sync), zodat de maximale FPS gelijk is aan de vernieuwingsfrequentie van uw beeldscherm. Als u een 120/144 Hz-monitor heeft maar 60 ziet, stel dan het beeldscherm in op de hoogste vernieuwingsfrequentie in uw besturingssysteeminstellingen, controleer de kabel en schakel de batterijbesparing uit.

Wat zijn 1% en 0,1% dieptepunten?

Dit is de framesnelheid tijdens de langzaamste 1% en 0,1% van de frames. Ze onthullen het stotteren dat de gemiddelde mens verbergt. Hoe dichter uw dieptepunten bij uw gemiddelde liggen, hoe vloeiender de beweging aanvoelt.

Wat is een goed FPS-testresultaat?

Een gemiddelde op (of binnen een paar FPS van) uw vernieuwingsfrequentie, 1% dieptepunten boven ongeveer 85% ervan, stabiliteit boven 90% en weinig of geen weggevallen frames. De tool beoordeelt dit automatisch van Flawless naar Struggling.

Wat is het verschil tussen de CPU- en GPU-stresstests?

De CPU-modus trekt duizenden Canvas 2D-deeltjes, waardoor de processor en de compositor worden geladen. De GPU-modus geeft een zware WebGL-shader over elke pixel weer, waardoor de grafische kaart wordt geladen. Gebruik beide om te bepalen welk deel van uw systeem de framesnelheid beperkt.

Detecteert deze FPS-test de vernieuwingsfrequentie van mijn monitor?

Ja. Het meet de mediane tijd tussen inactieve frames en koppelt deze aan gebruikelijke vernieuwingsfrequenties zoals 60, 75, 120, 144, 165 en 240 Hz. Voor een specifieke controle kunt u de vernieuwingsfrequentietest proberen.

Kan ik het verschil zien tussen 30, 60 en 144 FPS?

Ja. Het bewegingsvergelijkingspaneel verplaatst identieke objecten op 15, 30, 60 en uw volledige vernieuwingsfrequentie naast elkaar, met instelbare snelheid, zodat u zelf het verschil in vloeiendheid kunt zien.

Waarom krijg ik een waarschuwing dat het tabblad verborgen is?

Browsers pauzeren animaties op achtergrondtabbladen. De test sluit deze gaten automatisch uit, maar voor het meest nauwkeurige resultaat moet u het tabblad gedurende de hele run zichtbaar en vooraan houden.

Is er iets geüpload?

Nee. Alle metingen worden lokaal in uw browser uitgevoerd. Uw beste scores en geschiedenis worden alleen opgeslagen in de lokale opslag van uw browser.

Waarom bedraagt ​​mijn FPS een maximum van 60 op een 144Hz-monitor?

De browser wordt mogelijk beperkt door vsync, energiebesparende instellingen of de actieve vernieuwingsfrequentie van het beeldscherm. Controleer of uw besturingssysteem en browser op het hogere tarief zijn ingesteld.

Test dit mijn hele computer?

Nee: het meet de weergaveprestaties van uw browser, die een afspiegeling zijn van maar niet identiek zijn aan de FPS van het volledige systeem of de native game.

Uit het journaal

All articles →