Softonic

Licznik FPS

Krok 1 / 3 Bieżące FPS
Sekundy
Ramki
FPS
Dalej

Użyj tego licznika FPS, aby sprawdzić, jak płynnie przeglądarka renderuje bieżącą stronę. Narzędzie próbkuje klatki przez requestAnimationFrame, pokazuje bieżące, średnie, minimalne i maksymalne FPS oraz może narysować krótki wykres, dzięki któremu wychwycisz spadki wywołane przez ciężkie karty, animacje, rozszerzenia, throttling lub ustawienia ekranu.

Jak zmierzyć FPS w przeglądarce

  1. 1

    Wybierz długość pomiaru

    Pięć sekund to dobra wartość domyślna. Wydłuż pomiar, gdy chcesz wychwycić cykliczne przycięcia lub zmiany obciążenia w tle.

  2. 2

    Ustaw wygładzanie i próg ostrzeżenia

    Okno wygładzania uśrednia ostatnie klatki, a próg wyznacza poziom FPS, który uznajesz za akceptowalny na testowanym urządzeniu.

  3. 3

    Uruchom licznik i sprawdź rozrzut

    Bieżące FPS pokazują aktualną szybkość renderowania. Wartości średnia, minimalna i maksymalna mówią, czy sesja była stale płynna, czy pojawiały się widoczne spadki.

Co mierzy licznik FPS

To narzędzie mierzy tempo renderowania przeglądarki, a nie wydajność karty graficznej w benchmarku. Za każdym razem, gdy przeglądarka jest gotowa narysować kolejną klatkę, requestAnimationFrame wywołuje próbnik. Czas między dwoma wywołaniami daje chwilową liczbę klatek na sekundę:

FPS = 1000 / frame_time_in_ms

Wyświetlana bieżąca wartość FPS to średnia krocząca liczona w oknie wygładzania. Okno 60 klatek dobrze sprawdza się na typowych ekranach 60 Hz, bo wygładza pojedyncze skoki, nie ukrywając trwałych spadków. Mniejsze okna reagują szybciej, większe wyglądają stabilniej.

Przykład

Załóżmy, że pięciosekundowy pomiar rejestruje takie uproszczone odstępy między klatkami:

Odstęp między klatkami Chwilowe FPS Co to oznacza
16,7 ms 59,9 FPS Typowe renderowanie przy 60 Hz
8,3 ms 120,5 FPS Typowe renderowanie przy 120 Hz
25,0 ms 40,0 FPS Spowolnienie widoczne na wielu ekranach
33,3 ms 30,0 FPS Duże obciążenie lub throttling

Jeśli próg ostrzeżenia wynosi 50 FPS, a zmierzona średnia krocząca kończy się na 47 FPS, wynik jest poniżej celu, nawet gdy część klatek była szybsza. Jeśli kończy się blisko 60 FPS z okazjonalnymi spadkami do 45 FPS, średnia jest w porządku, ale minimum wskazuje przycięcia, którym warto się przyjrzeć.

Jak czytać wyniki

Wzorzec wyniku Prawdopodobne znaczenie Kolejny krok
Średnia blisko częstotliwości odświeżania, spadki rzadkie Renderowanie jest zdrowe Porównaj z inną przeglądarką tylko w razie potrzeby
Średnia dobra, minimum dużo niższe Cykliczne przycięcia Zamknij ciężkie karty lub sprawdź animacje
Średnia poniżej progu Stałe duże obciążenie renderowania Sprawdź obciążenie CPU, rozszerzenia i skrypty strony
FPS ograniczone do około 30 Oszczędzanie energii lub throttling Sprawdź tryb baterii i ustawienia ekranu

Na FPS w przeglądarce wpływają: częstotliwość odświeżania ekranu, kompozytor systemu operacyjnego, tryb baterii, throttling termiczny, otwarte karty i sama strona. Wykonaj test najpierw na spokojnej karcie, a potem powtórz go, gdy diagnozowana strona lub aplikacja jest aktywna.

Najczęściej zadawane pytania

Nie. Ten licznik mierzy, jak często przeglądarka otrzymuje wywołania requestAnimationFrame. Przydaje się przy animacjach webowych i sprawdzaniu płynności strony, ale nie jest pełnym benchmarkiem GPU dla gier natywnych.

Większość przeglądarek synchronizuje klatki animacji z częstotliwością odświeżania ekranu. Monitor 60 Hz zwykle pokazuje około 60 FPS, a ekrany 120 Hz lub 144 Hz mogą podawać wyższe wartości, jeśli pozwalają na to przeglądarka i system operacyjny.

Do zwykłego sprawdzenia płynności przy 60 Hz użyj 50 FPS. Przy monitorach o wysokim odświeżaniu ustaw próg bliżej oczekiwanych wrażeń, na przykład 90 FPS lub 120 FPS.

Nie. Pomiar działa w Twojej przeglądarce z użyciem lokalnych API czasu. Narzędzie nie wysyła danych o klatkach, zrzutów ekranu ani informacji o urządzeniu do zewnętrznego API.

Powiązane narzędzia

Tabela ASCII

Pełna tabela ASCII od 0 do 127 z zapisem dziesiętnym, szesnastkowym, ósemkowym i binarnym oraz notacją numerycznych odwołań HTML, w tym kodami sterującymi NUL, LF i DEL.

Referencja znaków HTML

Przeszukiwalna lista encji HTML wraz z ich kodami nazwanymi i liczbowymi oraz kopiowaniem jednym kliknięciem specjalnych znaków i symboli.

Skróty klawiaturowe

Wyszukuj udokumentowane skróty domyślne VS Code, Chrome i Bash z GNU Readline w macOS, Windows i Linux.

Generator EditorConfig

Wygeneruj plik .editorconfig z własnymi regułami stylu i rozmiaru wcięć, końca linii, kodowania i białych znaków, aby uzyskać spójne formatowanie w różnych IDE i edytorach.

Walidator adresów e-mail

Zweryfikuj adres e-mail: sprawdzenie składni RFC 5322, sprawdzenie rekordu MX w czasie rzeczywistym oraz szczegóły dotyczące części lokalnej, domeny i długości. Żadna wiadomość nie jest wysyłana.

Formatowanie HTML

Formatuj HTML lokalnie w przeglądarce, używając wcięć dwóch lub czterech spacji. HTML nie jest wysyłany ani walidowany.

Narzędzie jest dostępne w innych językach