Test voor scrollvloeiendheid – Meet scroll-hapering

Deze test voor scrollvloeiendheid meet de soort beweging die je vaker tegenkomt dan welke andere ook: een pagina of lijst die onder je vinger of muiswiel beweegt. Scrollen is waar hapering zich als eerste toont, omdat het voortdurend gebeurt en je ogen er geoefend in zijn om het af te lezen. Een pagina die stokt terwijl hij beweegt, een feed die overslaat wanneer je erdoorheen veegt, een document dat regel voor regel schokt — het komt allemaal neer op de vraag of de browser bij elke verversing een nieuw frame kan leveren terwijl de content in beweging is. Deze test scrolt een hoge band van genummerde rijen met een vaste stap per frame en telt de frames die te laat aankomen.

Doordat de rijen duidelijke cijfers en scherpe randen dragen, kunnen je ogen de vloeiendheid rechtstreeks beoordelen, terwijl de meter er een getal op plakt. Zo kun je browsers, extensies en machines vergelijken met data in plaats van een vage indruk.

Hoe gebruik je de scrolltest

De band scrolt vanzelf zodra de pagina laadt. Om hem goed af te lezen:

• Kijk naar de bewegende rijen. Vloeiend scrollen ziet eruit als één ononderbroken glijbeweging; hapering ziet eruit als rijen die springen of aarzelen terwijl ze voorbijgaan.
• Volg een rijnummer met je ogen terwijl het omhoog reist. Als het gelijkmatig glijdt, is de timing goed; als het schokt, was een frame te laat.
• Lees de meter. Verwachte frametijd is je normale interval tussen frames, Grootste framegat is de langste geregistreerde vertraging, en Haperingen telt elk te laat frame.
• Probeer het op volledig scherm en pas de snelheid aan op de manier waarop je normaal scrolt — rustig lezen of snel doorvegen.

Gebruik Meter resetten om een nieuwe telling te starten. De test dertig seconden laten draaien geeft een eerlijker beeld dan een snelle blik, omdat achtergrondhaperingen komen en gaan.

Waarom scrollen hapert

Vloeiend scrollen vraagt de browser bij elke verversing een nieuw frame te produceren — elke 16.7 milliseconden bij 60 Hz, elke 8.3 bij 120 Hz — terwijl hij ook de pagina draaiende houdt. Zodra iets dat werk vertraagt, wordt een frame gemist en springt de scroll. De gebruikelijke boosdoeners zijn specifiek en oplosbaar.

Zware pagina's en scripts

Grote afbeeldingen, complexe layouts en drukke scripts maken elk gescrold frame duur om te tekenen. Pagina's die bij elke scrollgebeurtenis code uitvoeren, zijn bijzonder vatbaar voor hapering. Dit is evenzeer een eigenschap van de pagina als van je machine, en daarom scrollen sommige sites vloeiend en andere niet op dezelfde computer.

Browserextensies

Extensies voor content-blokkering, winkelen en toegankelijkheid inspecteren de pagina terwijl die beweegt. Eén slecht geoptimaliseerde extensie kan net genoeg werk per frame toevoegen om zichtbare hapering te veroorzaken. Testen in een privévenster, waar de meeste extensies uitgeschakeld zijn, is een snelle manier om dit te controleren.

Compositing en hardwareversnelling

Browsers proberen het scrollen aan de GPU over te dragen zodat het soepel blijft, zelfs wanneer de pagina druk is. Wanneer hardwareversnelling uitstaat of een pagina het werk terugduwt naar de hoofdthread, valt het scrollen terug op de tragere route en hapert het. Hardwareversnelling inschakelen in je browserinstellingen helpt meestal.

Energiebesparing en achtergrondbelasting

Net als bij elke beweging zorgen een laptop in energiebesparingsmodus, een heet apparaat dat zichzelf afremt of een achtergrondtaak die CPU-tijd wegneemt er allemaal voor dat frames te laat aankomen. De scrolltest weerspiegelt dezelfde systeemgezondheid die elke andere vorm van beweging bepaalt.

Hoe ziet een goed resultaat eruit

Gezond scrollen is een hoge, stabiele framerate met een haperingstelling dicht bij nul en een grootste framegat dicht bij de verwachte frametijd. De onderstaande tabel toont de doelframetijd voor gangbare verversingssnelheden — de waarde waar de test omheen zou moeten schommelen tijdens het scrollen.

Een hogere verversingssnelheid laat scrollen merkbaar vloeiender ogen, maar alleen als de browser dat krappere budget kan blijven vullen. Bevestig de verversingssnelheid waarop je daadwerkelijk draait met onze gids over verversingssnelheid en meet je ruwe framerate met de belangrijkste FPS-test.

Hoe maak je scrollen vloeiender

• Schakel hardwareversnelling in in je browserinstellingen zodat scrollen op de GPU draait.
• Schakel zware extensies uit, één voor één, of test in een privévenster om een boosdoener te vinden.
• Sluit achtergrondbelasting af en houd het apparaat koel en aangesloten op stroom.
• Verhoog je verversingssnelheid als je scherm dat ondersteunt en test opnieuw om te bevestigen dat de browser bijblijft.
• Werk je browser en grafische stuurprogramma's bij, die vaak verbeteringen aan de compositor en het scrollen meebrengen.

Als scrollen hier hapert maar een game soepel draait, ligt de oorzaak meestal bij de browser of de pagina en niet bij je hardware. Als de beweging overal schokkerig is, meet het dan geïsoleerd met de stottertest, die dezelfde frametijdmeter gebruikt zonder de scrollende content.

Veelgestelde vragen

Scrollen is hier vloeiend maar hapert op sommige websites. Waarom?

Omdat vloeiendheid zowel van de pagina als van je machine afhangt. Zware scripts, grote afbeeldingen en scrollgebeurtenis-handlers maken sommige sites duur om te scrollen. Een schoon resultaat hier betekent dat je browser en hardware capabel zijn; de drukke site is de bottleneck.

Maakt een hogere verversingssnelheid scrollen vloeiender?

Ja, mits de browser bij elke verversing een frame kan leveren. Een 120 Hz-scherm glijdt vloeiender dan een 60 Hz-scherm, maar alleen zolang de pagina het kortere framebudget blijft vullen. Als dat niet lukt, zie je de hapering simpelweg eerder.

Waarom scrolt dezelfde pagina anders in twee browsers?

Browsers verschillen in hoe ze compositen en het scrollen aan de GPU overdragen, en in hoe extensies zich in de pagina haken. Het is heel gewoon dat de ene browser een pagina soepel scrolt terwijl de andere hapert op identieke hardware.

Is dit hetzelfde als een stottertest?

Ze delen de frametijdmeter, maar deze test stuurt echte scrollende content door de compositor van de browser, wat het alledaagse geval is waar de meeste mensen om geven. De stottertest isoleert de ruwe frametiming zonder de scrollende laag.

Test dit mijn monitor of mijn browser?

Vooral je browser en de machine waarop hij draait. De rijen bewegen door het render- en compositing-pad van de browser, dus een slecht resultaat wijst meestal op de browser, een extensie of systeembelasting en niet op het paneel. Je scherm bepaalt nog steeds het plafond — een 60 Hz-scherm kan nooit zo vloeiend scrollen als een 120 Hz-scherm — maar ervan uitgaande dat de verversingssnelheid toereikend is, beoordeelt deze test hoe goed de software bijblijft.

Instellingen voor vloeiend scrollen en scrollen met hoge verversing

De meeste browsers en besturingssystemen bieden een optie voor vloeiend scrollen die elke scrollstap animeert in plaats van te springen. Het laat de beweging zachter ogen, maar het creëert geen frames die de browser niet kan tekenen — als de pagina zwaar is, animeert vloeiend scrollen simpelweg de hapering. De echte winst komt van een hoge verversingssnelheid gekoppeld aan een pagina die licht genoeg is om bij te blijven. Op een 120 Hz-scherm is het scrollen van een eenvoudige pagina zichtbaar vloeiender dan op 60 Hz, omdat twee keer zoveel frames dezelfde beweging beschrijven. Met deze test kun je bevestigen dat je browser die frames echt levert en er niet de helft van laat vallen.

Scrollen op mobiel, met trackpad en met muiswiel

Hoe je scrolt verandert wat je voelt. Een muiswiel beweegt in afzonderlijke stappen, dus vloeiendheid hangt af van hoe goed de browser ertussen animeert. Een trackpad of touchscreen scrolt continu en wordt aan de compositor overgedragen, wat meestal het vloeiendste pad is — maar ook het opvallendst wanneer een frame wegvalt, omdat je vinger een verwachting stelt waaraan het scherm moet voldoen. Telefoons en tablets zijn hier bijzonder gevoelig, omdat scrollen de belangrijkste manier is waarop je overal doorheen beweegt. Als een pagina hapert onder je vinger maar niet onder een muiswiel, wordt de compositor gedwongen te wachten op de hoofdthread.

Waar een haperingsvrije scroll van afhangt

Vloeiend scrollen is een ketting, en de zwakste schakel bepaalt het resultaat: de pagina moet licht genoeg zijn om op tijd getekend te worden, de browser moet het scrollen aan de GPU overdragen, het systeem mag niet druk zijn of afremmen, en het scherm moet de verversingsruimte hebben om de frames te tonen. Deze test test de hele ketting in één keer. Als het getal goed is, houdt elke schakel stand; als het slecht is, versmallen de bovenstaande secties welke schakel je als eerste moet bekijken. Omdat scrollen zo alomtegenwoordig is, betalen kleine verbeteringen zich overal uit — een browserupdate, een uitgeschakelde extensie of een overstap naar hardwareversnelling kan een haperend resultaat naar een schoon resultaat tillen, en je zult het verschil voelen op elke site die je daarna bezoekt.

Verwante scherm- en bewegingstests

Scrollen is één alledaagse plak van bewegingsprestaties. Ga verder met deze aanvullende tools:

• Framerate-test (FPS-test) — meet je live framerate en verversingssnelheid.
• Bewegingsonscherpte-test — zie hoeveel je scherm bewegende details uitsmeert.
• Frame-overslag-test — controleer of het paneel elk frame tekent.
• Screen-tearing-test — controleer of frames zijn uitgelijnd op de verversing.
• Stottertest — meet de consistentie van de frametiming in software.