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

Próbnik kolorów HEX

Wybierz kolor wizualnie i sprawdź wartości HEX, RGB, HSL, HSV oraz CMYK wraz z kontrastem względem bieli i czerni.

Generator losowych palet kolorów

Twórz losowe palety od 2 do 15 próbek, wybierz styl żywy, pastelowy, stonowany lub ciemny, a następnie skopiuj kody HEX albo zmienne CSS.

Formatter JSON

Wklej JSON, aby sformatować go z wcięciem 2 lub 4 spacji, zminifikować do zwartej postaci albo szybko sprawdzić składnię przed skopiowaniem wyniku.

Konwerter ASCII na binarny

Konwertuj dowolny ciąg ASCII na reprezentację binarną. Każdy znak staje się ośmioma bitami, rozdzielonymi spacjami, gotowymi do wklejenia w ślad protokołu albo zadanie domowe.

Generator losowych liter

Generuj losowe litery A-Z. Wybierz liczbę, wielkie litery, małe litery lub zapis mieszany i użyj wyniku w grach, zadaniach lub lekcjach.

Generator losowych kolorów

Wygeneruj od 1 do 50 losowych kolorów HEX z próbkami do podglądu, kopiowania i użycia w CSS, testach lub tworzeniu palet.