Testa gli FPS del tuo schermo

Benvenuto! Questo test del frame rate è progettato per aiutarti a osservare e modificare vari parametri visivi (colore, dimensioni, velocità, ecc.) monitorando le prestazioni FPS (fotogrammi al secondo) del tuo browser o dispositivo. Si prega di notare che tutte le misurazioni in questo test FPS sono approssimative e possono essere influenzate dal browser, dal sistema operativo e dall'hardware. Usa questo test come linea guida, non come misura assoluta delle prestazioni del tuo schermo.

Come interpretare il nostro test del frame rate

• Due rettangoli attraversano la tela da sinistra a destra, per poi rientrare da sinistra una volta superato il bordo destro.
• Verificare:
  1. Morbidezza vs. balbuzie o jitter.
  2. Salto di frame, che può diventare evidente a velocità elevate o prestazioni inferiori.
  3. Se le modifiche alle dimensioni/opacità influiscono sulle prestazioni.

Avvertimento: I valori di FPS e risoluzione misurati in questo test FPS potrebbero non corrispondere esattamente alle capacità hardware. Ogni browser o dispositivo impone i propri vincoli, quindi considera questi numeri come approssimazioni.

Come utilizzare e leggere il test del frame rate

Osservazione iniziale

• Guarda i rettangoli muoversi in questo test di frequenza dei fotogrammi. Nota se il movimento è regolare o instabile.

Prova a regolare le impostazioni dei tasti

• Aumenta o diminuisci Velocità per vedere come cambia la fluidità del movimento.
• Modifica l'FPS dell'area di disegno per limitare la frequenza con cui le posizioni si aggiornano ogni secondo.
• Modificate Opacità e Colori per verificare se la trasparenza parziale o le diverse tonalità influiscono sulle prestazioni.

Monitor "Schermo FPS misurato"

• Se l'FPS misurato è costantemente inferiore alla frequenza di aggiornamento del monitor (in genere 60 Hz), le prestazioni potrebbero essere limitate dal browser o dall'hardware.

Cercare le modifiche alle prestazioni

• L'alta risoluzione, le grandi dimensioni dei rettangoli o la trasparenza parziale potrebbero ridurre gli FPS.
• Guarda il rapporto "Tool FPS" per vedere se il test sta raggiungendo i propri obiettivi di frame.

Comprendere le impostazioni del nostro test del frame rate

1. Indicatori sullo schermo

Risoluzione dello schermo

• Visualizza la larghezza × l'altezza dello schermo o della finestra del browser moltiplicate per il rapporto pixel del dispositivo.
• Esempio: Una lettura di "1920 x 1080" suggerisce che il display è (approssimativamente) 1920 pixel di larghezza per 1080 pixel di altezza.

FPS dello schermo misurati

• Mostra i fotogrammi al secondo (FPS) stimati di cui viene eseguito il rendering dal browser in questo test della frequenza dei fotogrammi.
• Un numero più alto (ad esempio, 60,00 o 144,00) di solito indica un'animazione più fluida.
• Un numero significativamente inferiore alla frequenza di aggiornamento del monitor può indicare limitazioni del browser o colli di bottiglia del sistema.

Strumento FPS

• Visualizza il rapporto tra l'FPS effettivo misurato e l'FPS (logico) desiderato impostato in "FPS Canvas".
• Un valore di 1,00 indica che il test FPS è in esecuzione esattamente alla velocità richiesta.
  • I valori superiori a 1,00 sono più veloci del previsto; inferiori a 1,00 sono più lenti.

2. Schermo intero e ripristino

Pulsante a schermo intero ("⛶")

• Fare clic per passare alla modalità a schermo intero per una visualizzazione più chiara.
• Premere ESC o lo stesso pulsante per uscire dalla modalità a schermo intero.

Ripristina impostazioni

• Fai clic su "Ripristina impostazioni" per ripristinare tutto ai valori predefiniti e cancellare tutte le preferenze dei cookie salvate.
• Ricaricare la pagina in seguito avvierà questo test FPS con nuove impostazioni.

3. Controlli rettangolari

Ci sono due rettangoli (Rettangolo 1 e Rettangolo 2) che si muovono da sinistra a destra attraverso l'area di disegno. Ogni rettangolo ha le seguenti proprietà rilevanti per il test FPS:

A) Colore

Preimpostazioni colore

• Scegli tra nero, bianco, rosso, verde, blu, giallo, magenta, ciano.
• L'etichetta del colore selezionato viene evidenziata con un bordo verde.

B) Dimensioni

Larghezza (Predefinito: 30px)

• Regola usando – o + con incrementi di 5px.
• Aumentando la larghezza, il rettangolo diventa più spesso orizzontalmente.

Altezza (Predefinito: 300px)

• Regola con incrementi di 5px con – o +.
• Valori più alti rendono il rettangolo più alto; valori più bassi più brevi.

C) Opacità

Opacità (predefinito 100%)

• Varia da 0% (completamente invisibile) a 100% (completamente opaco).
• Regolare utilizzando –/+ in incrementi di ~5%.

Nota: Il rettangolo 1 e il rettangolo 2 hanno esattamente lo stesso set di controlli. Puoi differenziarli o renderli identici per vedere se ciò influisce sulle prestazioni del test del frame rate.

4. Impostazioni dello sfondo della tela

Preset colore di sfondo

• Scelte simili (nero, bianco, rosso, verde, blu, giallo, magenta, ciano) per lo sfondo della tela.

Opacità sfondo (impostazione predefinita: 100%)

• Controlla il livello di tinta unita o trasparente del colore di sfondo.

5. Controlli aggiuntivi

Spaziatura (impostazione predefinita: 50px)

• Regola la distanza orizzontale tra il rettangolo 1 e il rettangolo 2 con incrementi di 5 px.

Velocità (Predefinito: 250px/s)

• Determina la velocità di spostamento dei rettangoli (in pixel al secondo).
• Velocità più elevate causano un movimento più veloce, rendendo più facile individuare balbuzie o ritardi durante questo test FPS.

Canvas FPS (predefinito 1)

• Importante: Questa non è la frequenza di aggiornamento effettiva dello schermo. Invece, è la frequenza con cui questo test della frequenza dei fotogrammi aggiorna le posizioni dei rettangoli ogni secondo.
• Un numero più alto (ad esempio, 2, 3, 4 o 5) significa meno aggiornamenti di posizione al secondo (quindi un movimento "più lento" o più graduale).
• Il numero a destra (ad esempio, "100%") è semplicemente 100 / (valore FPS della tela), dando un rapido senso della frazione di velocità massima.
  • Ad esempio, se si imposta FPS area di disegno su 2, lo strumento funziona a velocità dimezzata (50%).

6. Salvataggio e ricarica delle preferenze

Salvataggio automatico

• Ogni modifica apportata al nostro test del frame rate viene memorizzata in un cookie del browser.
• Tornando a questa pagina, vengono caricate automaticamente le ultime impostazioni utilizzate in modo che le preferenze del test FPS vengano mantenute.

Resettare

• Se vuoi ricominciare da capo, fai clic su "Ripristina impostazioni" per cancellare i cookie e ricaricare le impostazioni predefinite.

Divertiti a sperimentare con diversi parametri per vedere come il tuo browser e il tuo dispositivo gestiscono la grafica in tempo reale in questo test di frame rate! Ricorda che i valori qui, in particolare gli FPS, sono stime approssimative e potrebbero non rappresentare le piene capacità del tuo sistema.