For stor DOM

Silktide måler hvor mange elementer siden din består av, og hvor dypt de er nøstet. Sider som er bygget opp av for mange elementer, bruker lengre tid på å lastes inn og reagere, og bruker mer minne på de besøkendes enheter.

Hver overskrift, hvert avsnitt, hvert bilde og hver beholder på en side er et element i nettleserens interne modell av siden, . Nettlesere håndterer noen hundre elementer uten problemer, men sider med tusenvis gjør hver stilberegning, layoutgjennomgang og skriptoppdatering merkbart tregere.

Hvorfor dette er viktig

Besøkende opplever en overdimensjonert side som treg: Det tar lengre tid før siden vises, rullingen hakker, og interaksjoner som å åpne en meny får merkbar forsinkelse. Effekten er størst på enheter med minst tilgjengelig ytelse – rimelige telefoner og eldre datamaskiner – slik at besøkende med den tregeste maskinvaren får den dårligste versjonen av nettstedet ditt.

Overdimensjonerte sider er vanligvis ikke utformet slik med hensikt. De vokser gradvis: sidebyggere som pakker alt inn i lag med beholdere, skjulte varianter av det samme innholdet for ulike skjermstørrelser og lange lister som gjengis i sin helhet, selv om besøkende bare ser det første skjermbildet.

Slik løser du det

Finn ut hva som gjør siden større. Vanlige årsaker er temaer for sidebyggere som genererer dypt nøstede omslagselementer, megamenyer som bygger inn hele nettstedstrukturen på hver side, og lange tabeller eller produktlister som gjengis i sin helhet.
Gjengi lange lister trinnvis: Vis de første elementene, og last inn flere etter hvert som den besøkende ruller eller går til neste side, i stedet for å legge tusenvis av rader på siden samtidig.
Unngå å duplisere innhold for ulike enheter. Bruk til å formatere én kopi i stedet for å sende separate skjulte versjoner av det samme innholdet for datamaskiner og mobiler.
Del svært lange sider opp i flere mindre sider når innholdet tillater det.

Slik tester Silktide dette

Last inn siden i en ekte nettleser med enhetstypen, tilkoblingshastigheten og teststedet som er konfigurert for hastighetstestene dine.
Tell elementene som utgjør den ferdig innlastede siden, inkludert alt som legges til av .
Mål tre statistikker, og identifiser elementet som er ansvarlig for hver av dem: totalt antall elementer, den dypeste nøstingen av elementer og det største antallet underelementer under én overordnet beholder.
Gi hver statistikk en vurdering. Omtrent 1 000 elementer totalt, nøsting på rundt 24 nivåer eller én overordnet beholder med rundt 45 underelementer begynner å trekke ned vurderingen. Rundt 1 500 elementer, 32 nivåer eller 60 underelementer vurderes som dårlig.

Feilsøking

Siden ser ikke stor ut

Antall elementer handler om struktur, ikke synlig innhold. En visuelt enkel side kan inneholde tusenvis av elementer hvis hvert synlige element er pakket inn i mange lag med beholdere, eller hvis innhold for andre skjermstørrelser finnes på siden, men er skjult. Elementene som rapporteres for hver statistikk, viser hvor størstedelen faktisk befinner seg.

Det store antallet elementer kommer fra temaet eller sidebyggeren min

Det er vanlig, og som regel er det ikke noe innholdsredaktører kan løse. Send funnet videre til den som vedlikeholder nettstedets tema eller maler. Å slå av ubrukte funksjoner i sidebyggeren eller forenkle malene fjerner ofte hundrevis av elementer på én gang.