Test af scrollens jævnhed – mål scroll-jank

Denne test af scrollens jævnhed måler den type bevægelse, du møder oftere end nogen anden: en side eller liste, der bevæger sig under din finger eller dit hjul. Scrolling er der, hvor jank først dukker op, fordi det sker hele tiden, og dine øjne er trænede i at aflæse det. En side, der hakker, mens den bevæger sig, et feed, der springer, når du svirper det, et dokument, der ryster linje for linje – alt handler om, hvorvidt browseren kan levere et nyt billede ved hver opdatering, mens indholdet er i bevægelse. Denne test scroller et højt bånd af nummererede rækker med et fast trin pr. billede og tæller de billeder, der ankommer for sent.

Fordi rækkerne bærer tydelige tal og skarpe kanter, kan dine øjne bedømme jævnheden direkte, mens måleren sætter et tal på det. Det lader dig sammenligne browsere, udvidelser og maskiner med data i stedet for et vagt indtryk.

Sådan bruger du scroll-testen

Båndet scroller af sig selv, så snart siden indlæses. For at aflæse det godt:

• Hold øje med rækkernes bevægelse. Jævn scrolling ser ud som en enkelt sammenhængende glidning; jank ser ud som rækker, der hopper eller tøver, mens de passerer.
• Følg et rækkenummer med øjnene, mens det bevæger sig opad. Hvis det glider jævnt, er timingen god; hvis det rykker, kom et billede for sent.
• Aflæs måleren. Forventet billedtid er dit normale mellemrum mellem billeder, Værste billedafstand er den længste registrerede forsinkelse, og Jank tæller hvert forsinket billede.
• Prøv det i fuldskærm, og juster hastigheden, så den passer til, hvordan du normalt scroller – en rolig læsning eller et hurtigt svirp.

Brug Nulstil måler for at starte en ny optælling. At lade testen køre i tredive sekunder giver et mere ærligt billede end et hurtigt blik, fordi baggrundshak kommer og går.

Hvorfor scrolling hakker

Jævn scrolling kræver, at browseren producerer et nyt billede ved hver opdatering – hvert 16,7 millisekund ved 60 Hz, hvert 8,3 ved 120 Hz – samtidig med at den kører siden. Når noget forsinker det arbejde, mistes et billede, og scrollen hopper. De sædvanlige syndere er specifikke og kan udbedres.

Tunge sider og scripts

Store billeder, komplekse layouts og travle scripts gør hvert scrollet billede dyrt at tegne. Sider, der kører kode ved hver scroll-hændelse, er særligt udsatte for jank. Dette er en egenskab ved siden lige så meget som ved din maskine, og det er derfor, nogle websteder scroller jævnt, mens andre ikke gør det på den samme computer.

Browserudvidelser

Indholdsblokkerende, shopping- og tilgængelighedsudvidelser inspicerer siden, mens den bevæger sig. En enkelt dårligt optimeret udvidelse kan tilføje netop nok arbejde pr. billede til at forårsage synligt hak. At teste i et privat vindue, hvor de fleste udvidelser er deaktiveret, er en hurtig måde at tjekke det på.

Compositing og hardwareacceleration

Browsere forsøger at overlade scrolling til GPU'en, så den forbliver jævn, selv når siden er travl. Når hardwareacceleration er slået fra, eller en side tvinger arbejdet tilbage på hovedtråden, falder scrollingen tilbage til den langsommere vej og hakker. At slå hardwareacceleration til i dine browserindstillinger hjælper som regel.

Strømbesparelse og baggrundsbelastning

Som med enhver bevægelse vil en bærbar computer i batterisparetilstand, en varm enhed, der begrænser sig selv, eller en baggrundsopgave, der stjæler CPU-tid, alle få billeder til at ankomme for sent. Scroll-testen afspejler den samme systemtilstand, som styrer enhver anden form for bevægelse.

Hvordan et godt resultat ser ud

Sund scrolling er en høj, stabil billedhastighed med et jank-antal tæt på nul og en værste billedafstand tæt på den forventede billedtid. Tabellen nedenfor viser den ønskede billedtid for gængse opdateringshastigheder – den værdi, testen bør svæve omkring, mens du scroller.

En højere opdateringshastighed får scrolling til at se mærkbart jævnere ud, men kun hvis browseren kan blive ved med at fylde det strammere budget. Bekræft den opdateringshastighed, du reelt kører med, i vores guide til opdateringshastighed, og mål din rå billedhastighed på hoved-FPS-testen.

Sådan gør du scrolling jævnere

• Slå hardwareacceleration til i dine browserindstillinger, så scrolling kører på GPU'en.
• Deaktiver tunge udvidelser én ad gangen, eller test i et privat vindue, for at finde en synder.
• Luk baggrundsbelastning og hold enheden kølig og tilsluttet strøm.
• Hæv din opdateringshastighed, hvis din skærm understøtter det, og test derefter igen for at bekræfte, at browseren følger med.
• Opdater din browser og dine grafikdrivere, som ofte bringer forbedringer af compositor og scrolling.

Hvis scrolling hakker her, men et spil kører jævnt, er årsagen som regel browseren eller siden snarere end din hardware. Hvis bevægelse er ujævn overalt, så mål den isoleret med stutter-testen, som bruger den samme billedtidsmåler uden det scrollende indhold.

Ofte stillede spørgsmål

Scrolling er jævn her, men hakker på nogle websteder. Hvorfor?

Fordi jævnhed afhænger af siden såvel som af din maskine. Tunge scripts, store billeder og scroll-hændelseshåndtering gør nogle websteder dyre at scrolle. Et rent resultat her betyder, at din browser og hardware er kapable; det travle websted er flaskehalsen.

Gør en højere opdateringshastighed scrolling jævnere?

Ja, forudsat at browseren kan levere et billede ved hver opdatering. En 120 Hz-skærm glider jævnere end en 60 Hz-skærm, men kun så længe siden bliver ved med at fylde det kortere billedbudget. Hvis den ikke kan, ser du blot jank'en tidligere.

Hvorfor scroller den samme side forskelligt i to browsere?

Browsere adskiller sig i, hvordan de compositer og overlader scrolling til GPU'en, og i hvordan udvidelser hægter sig ind i siden. Det er almindeligt, at én browser scroller en side jævnt, mens en anden hakker på identisk hardware.

Er dette det samme som en stutter-test?

De deler billedtidsmåleren, men denne test driver rigtigt scrollende indhold gennem browserens compositor, hvilket er det hverdagstilfælde, de fleste går op i. Stutter-testen isolerer den rå billedtiming uden scroll-laget.

Tester dette min skærm eller min browser?

Mest din browser og den maskine, den kører på. Rækkerne bevæger sig gennem browserens gengivelses- og compositing-vej, så et dårligt resultat peger som regel på browseren, en udvidelse eller systembelastning snarere end på panelet. Din skærm sætter stadig loftet – en 60 Hz-skærm kan aldrig scrolle så jævnt som en 120 Hz-skærm – men forudsat at opdateringshastigheden er tilstrækkelig, bedømmer denne test, hvor godt softwaren følger med.

Indstillinger for jævn scrolling og scrolling ved høj opdateringshastighed

De fleste browsere og styresystemer tilbyder en indstilling for jævn scrolling, der animerer hvert scroll-trin i stedet for at hoppe. Det får bevægelsen til at se blidere ud, men det skaber ikke billeder, browseren ikke kan tegne – hvis siden er tung, animerer jævn scrolling blot jank'en. Den reelle gevinst kommer fra en høj opdateringshastighed parret med en side, der er let nok til at følge med. På en 120 Hz-skærm er scrolling af en simpel side synligt jævnere end på 60 Hz, fordi dobbelt så mange billeder beskriver den samme bevægelse. Denne test lader dig bekræfte, at din browser rent faktisk leverer de billeder i stedet for at droppe halvdelen af dem.

Scrolling på mobil, pegeplade og hjul

Hvordan du scroller ændrer, hvad du føler. Et musehjul bevæger sig i diskrete trin, så jævnhed afhænger af, hvor godt browseren animerer mellem dem. En pegeplade eller berøringsskærm scroller kontinuerligt og overlades til compositoren, hvilket normalt er den jævneste vej – men også den mest åbenlyse, når et billede droppes, fordi din finger sætter en forventning, som skærmen skal indfri. Telefoner og tablets er særligt følsomme her, eftersom scrolling er den primære måde, du bevæger dig gennem alting på. Hvis en side hakker under din finger, men ikke under et hjul, tvinges compositoren til at vente på hovedtråden.

Hvad en jankfri scroll afhænger af

Jævn scrolling er en kæde, og det svageste led bestemmer resultatet: siden skal være let nok til at tegne i tide, browseren skal overlade scrolling til GPU'en, systemet må ikke være travlt eller begrænse sig selv, og skærmen skal have opdateringsoverskuddet til at vise billederne. Denne test afprøver hele kæden på én gang. Når tallet er godt, holder hvert led; når det er dårligt, indsnævrer afsnittene ovenfor, hvilket led du bør se på først. Fordi scrolling er så almindeligt, betaler små forbedringer sig overalt – en browseropdatering, en deaktiveret udvidelse eller et skift til hardwareacceleration kan løfte et hakkende resultat til et rent, og du vil mærke forskellen på hvert websted, du besøger derefter.

Relaterede skærm- og bevægelsestests

Scrolling er ét hverdagsudsnit af bevægelsesydelse. Fortsæt med disse ledsagende værktøjer:

• Billedhastighedstest (FPS-test) – mål din aktuelle billedhastighed og opdateringshastighed.
• Test af bevægelsessløring – se, hvor meget din skærm udtværer bevægelsesdetaljer.
• Test af billedspring – tjek, om panelet tegner hvert billede.
• Test af skærmrivning – tjek, om billederne er justeret efter opdateringen.
• Stutter-test – mål billedtidens konsistens i software.