Softonic

FPS-räknare

Steg 1 / 3 Aktuell FPS
Sekunder
bildrutor
FPS
Nästa

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. 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. 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. 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

JSON-formaterare

Klistra in JSON för att snyggformatera med 2 eller 4 mellanslag, minifiera till kompakt utdata eller snabbt kontrollera syntaxen innan du kopierar resultatet.

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.

Slumpmässig färggenerator

Generera 1 till 50 slumpmässiga HEX-färger med färgrutor som du kan förhandsvisa, kopiera och använda i CSS, tester eller palettskissning.

Färgpalettgenerator

Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.

HEX-färgväljare

Välj en färg visuellt och få HEX-, RGB-, HSL-, HSV- och CMYK-värden samt kontrast mot vitt och svart.

Generator för slumpmässiga färgpaletter

Skapa slumpmässiga färgpaletter med 2 till 15 färgrutor, välj en livlig, pastell, dämpad eller mörk stil och kopiera HEX-koder eller CSS-variabler.