Test av rullningsmjukhet – Mät hackig scrollning

Det här testet av rullningsmjukhet mäter den typ av rörelse du möter oftare än någon annan: en sida eller lista som rör sig under ditt finger eller hjul. Rullning är där hack visar sig först, eftersom det sker hela tiden och dina ögon är vana vid att läsa av det. En sida som hakar upp sig när den rör sig, ett flöde som hoppar när du sveper det, ett dokument som skakar rad för rad – allt handlar om huruvida webbläsaren kan leverera en ny bildruta vid varje uppdatering medan innehållet är i rörelse. Det här testet rullar ett högt band av numrerade rader med ett fast steg per bildruta och räknar de bildrutor som anländer försent.

Eftersom raderna har tydliga siffror och skarpa kanter kan dina ögon bedöma mjukheten direkt, medan mätaren sätter en siffra på det. Det låter dig jämföra webbläsare, tillägg och maskiner med data i stället för ett vagt intryck.

Så använder du rullningstestet

Bandet rullar av sig självt så snart sidan laddas. För att läsa av det väl:

• Se raderna röra sig. Mjuk rullning ser ut som en enda sammanhängande glidning; hack ser ut som att raderna hoppar eller tvekar när de passerar.
• Följ ett radnummer med blicken när det färdas uppåt. Om det glider jämnt är tajmingen bra; om det rycker till kom en bildruta försent.
• Läs av mätaren. Förväntad bildrutetid är ditt normala mellanrum mellan bildrutor, Värsta bildruteglapp är den längsta fördröjning som registrerats, och Hack räknar varje försenad bildruta.
• Prova det i helskärm, och justera hastigheten så att den matchar hur du normalt rullar – en lugn läsning eller en snabb svep.

Använd Återställ mätare för att börja en ny räkning. Att låta testet köra i trettio sekunder ger en mer ärlig bild än en snabb blick, eftersom bakgrundshack kommer och går.

Varför rullning hackar

Mjuk rullning kräver att webbläsaren producerar en ny bildruta vid varje uppdatering – var 16,7:e millisekund vid 60 Hz, var 8,3:e vid 120 Hz – samtidigt som den kör sidan. När något fördröjer det arbetet missas en bildruta och rullningen hoppar. De vanliga bovarna är specifika och åtgärdbara.

Tunga sidor och skript

Stora bilder, komplexa layouter och upptagna skript gör varje rullad bildruta dyr att rita. Sidor som kör kod vid varje rullningshändelse är särskilt benägna att hacka. Detta är en egenskap hos sidan lika mycket som hos din maskin, vilket är varför vissa webbplatser rullar mjukt och andra inte gör det på samma dator.

Webbläsartillägg

Tillägg för innehållsblockering, shopping och tillgänglighet inspekterar sidan medan den rör sig. Ett enda dåligt optimerat tillägg kan lägga till precis tillräckligt med arbete per bildruta för att orsaka synligt hack. Att testa i ett privat fönster, där de flesta tillägg är inaktiverade, är ett snabbt sätt att kontrollera det.

Sammansättning och maskinvaruacceleration

Webbläsare försöker överlåta rullningen till GPU:n så att den förblir mjuk även när sidan är upptagen. När maskinvaruacceleration är avstängd eller en sida tvingar tillbaka arbetet på huvudtråden faller rullningen tillbaka till den långsammare vägen och hackar. Att slå på maskinvaruacceleration i din webbläsares inställningar hjälper oftast.

Strömsparläge och bakgrundsbelastning

Precis som med all rörelse kommer en bärbar dator i batterisparläge, en varm enhet som strypmatar sig själv eller en bakgrundsuppgift som stjäl processortid alla att göra att bildrutor anländer försent. Rullningstestet speglar samma systemhälsa som styr varje annan typ av rörelse.

Så ser ett bra resultat ut

Frisk rullning är en hög, stabil bildfrekvens med ett hackantal nära noll och ett värsta bildruteglapp nära den förväntade bildrutetiden. Tabellen nedan visar måltiden per bildruta för vanliga uppdateringsfrekvenser – värdet som testet bör ligga runt medan du rullar.

En högre uppdateringsfrekvens får rullningen att se märkbart mjukare ut, men bara om webbläsaren kan fortsätta fylla den stramare budgeten. Bekräfta vilken uppdateringsfrekvens du faktiskt kör med vår guide om uppdateringsfrekvens, och mät din råa bildfrekvens på det huvudsakliga FPS-testet.

Så gör du rullningen mjukare

• Slå på maskinvaruacceleration i din webbläsares inställningar så att rullningen körs på GPU:n.
• Inaktivera tunga tillägg ett i taget, eller testa i ett privat fönster, för att hitta en bov.
• Stäng bakgrundsbelastning och håll enheten sval och inkopplad.
• Höj din uppdateringsfrekvens om din skärm stöder det, och testa sedan igen för att bekräfta att webbläsaren hänger med.
• Uppdatera din webbläsare och dina grafikdrivrutiner, vilket ofta ger förbättringar av sammansättning och rullning.

Om rullningen hackar här men ett spel körs mjukt är orsaken oftast webbläsaren eller sidan snarare än din maskinvara. Om rörelsen är ryckig överallt, mät den isolerat med stutter-testet, som använder samma bildrutetidsmätare utan det rullande innehållet.

Vanliga frågor

Rullningen är mjuk här men hackig på vissa webbplatser. Varför?

Eftersom mjukheten beror på sidan lika mycket som på din maskin. Tunga skript, stora bilder och rullningshändelsehanterare gör vissa webbplatser dyra att rulla. Ett rent resultat här betyder att din webbläsare och maskinvara är kapabla; den upptagna webbplatsen är flaskhalsen.

Gör en högre uppdateringsfrekvens rullningen mjukare?

Ja, förutsatt att webbläsaren kan leverera en bildruta vid varje uppdatering. En 120 Hz-skärm glider mjukare än en 60 Hz-skärm, men bara medan sidan fortsätter fylla den kortare bildrutebudgeten. Om den inte kan det ser du helt enkelt hacket tidigare.

Varför rullar samma sida olika i två webbläsare?

Webbläsare skiljer sig åt i hur de sätter samman och överlåter rullning till GPU:n, och i hur tillägg kopplar in sig i sidan. Det är vanligt att en webbläsare rullar en sida mjukt medan en annan hackar på identisk maskinvara.

Är detta samma sak som ett stutter-test?

De delar bildrutetidsmätaren, men det här testet driver verkligt rullande innehåll genom webbläsarens sammansättare, vilket är det vardagliga fall som de flesta bryr sig om. Stutter-testet isolerar den råa bildrutetajmingen utan rullningslagret.

Testar detta min skärm eller min webbläsare?

Mestadels din webbläsare och maskinen den körs på. Raderna rör sig genom webbläsarens renderings- och sammansättningsväg, så ett dåligt resultat pekar oftast på webbläsaren, ett tillägg eller systembelastning snarare än på panelen. Din skärm sätter fortfarande taket – en 60 Hz-skärm kan aldrig rulla lika mjukt som en 120 Hz-skärm – men förutsatt att uppdateringsfrekvensen är tillräcklig bedömer det här testet hur väl mjukvaran hänger med.

Inställningar för mjuk rullning och rullning med hög uppdateringsfrekvens

De flesta webbläsare och operativsystem erbjuder ett alternativ för mjuk rullning som animerar varje rullningssteg i stället för att hoppa. Det får rörelsen att se mildare ut, men det skapar inte bildrutor som webbläsaren inte kan rita – om sidan är tung animerar mjuk rullning helt enkelt hacket. Den verkliga vinsten kommer från en hög uppdateringsfrekvens parad med en sida som är lätt nog att hänga med. På en 120 Hz-skärm är rullning av en enkel sida synbart mjukare än på 60 Hz, eftersom dubbelt så många bildrutor beskriver samma rörelse. Det här testet låter dig bekräfta att din webbläsare verkligen levererar de bildrutorna i stället för att tappa hälften av dem.

Rullning på mobil, styrplatta och hjul

Hur du rullar ändrar vad du känner. Ett mushjul rör sig i diskreta steg, så mjukheten beror på hur väl webbläsaren animerar mellan dem. En styrplatta eller pekskärm rullar kontinuerligt och överlåts till sammansättaren, vilket oftast är den mjukaste vägen – men också den mest uppenbara när en bildruta tappas, eftersom ditt finger skapar en förväntan som skärmen måste matcha. Telefoner och surfplattor är särskilt känsliga här, eftersom rullning är det primära sättet du rör dig genom allt. Om en sida hackar under ditt finger men inte under ett hjul tvingas sammansättaren vänta på huvudtråden.

Vad en hackfri rullning beror på

Mjuk rullning är en kedja, och den svagaste länken avgör resultatet: sidan måste vara lätt nog att ritas i tid, webbläsaren måste överlåta rullningen till GPU:n, systemet får inte vara upptaget eller strypmata, och skärmen måste ha uppdateringsutrymmet att visa bildrutorna. Det här testet belastar hela kedjan på en gång. När siffran är bra håller varje länk; när den är dålig hjälper avsnitten ovan dig att avgränsa vilken länk du ska titta på först. Eftersom rullning är så vanligt lönar sig små förbättringar överallt – en webbläsaruppdatering, ett inaktiverat tillägg eller en övergång till maskinvaruacceleration kan lyfta ett hackigt resultat till ett rent, och du kommer att känna skillnaden på varje webbplats du besöker efteråt.

Relaterade skärm- och rörelsetester

Rullning är en vardaglig del av rörelseprestandan. Fortsätt med dessa kompletterande verktyg:

• Bildfrekvenstest (FPS-test) – mät din aktuella bildfrekvens och uppdateringsfrekvens.
• Test av rörelseoskärpa – se hur mycket din skärm suddar ut rörliga detaljer.
• Test av bildruteöverhoppning – kontrollera om panelen ritar varje bildruta.
• Test av skärmrivning – kontrollera om bildrutorna är i linje med uppdateringen.
• Stutter-test – mät bildrutetidens jämnhet i mjukvara.