For stor DOM-størrelse
Silktide måler, hvor mange elementer din side består af, og hvor dybt de er indlejret. Sider, der er bygget af for mange elementer, er langsommere om at indlæse, langsommere til at reagere og bruger mere hukommelse på dine besøgendes enheder.
Hver overskrift, hvert afsnit, hvert billede og hver beholder på en side er et element i browserens interne model af siden, . Browsere håndterer uden problemer nogle hundrede elementer; sider med tusindvis af elementer gør enhver stilberegning, layoutgennemgang og scriptopdatering mærkbart langsommere.
Hvorfor dette er vigtigt
Besøgende oplever en overdimensioneret side som træg: Siden er længere om at blive vist, rulning hakker, og interaktioner som at åbne en menu forsinkes mærkbart. Effekten er værst på de enheder, der har mindst ydeevne i reserve – budgettelefoner og ældre computere – så de besøgende med den langsomste hardware får den dårligste version af dit websted.
Overdimensionerede sider er som regel ikke bevidst designet på den måde. De hober sig op: sidebyggere, der indpakker alt i lag af beholdere, skjulte varianter af det samme indhold til forskellige skærmstørrelser og lange lister, der gengives fuldt ud, selv om de besøgende kun ser den første skærm.
Sådan løser du det
- Find det, der gør siden større. Almindelige årsager er temaer med sidebyggere, der genererer dybt indlejrede indpakninger, megamenuer, der indlejrer hele webstedets struktur på hver side, og lange tabeller eller produktlister, der gengives fuldt ud.
- Gengiv lange lister gradvist: Vis de første elementer, og indlæs flere, efterhånden som den besøgende ruller eller bladrer gennem dem, i stedet for at lægge tusindvis af rækker på siden på én gang.
- Undgå at duplikere indhold til forskellige enheder. Stilformatér én kopi med i stedet for at levere separate skjulte desktop- og mobilversioner af det samme indhold.
- Opdel meget lange sider i flere mindre, når indholdet tillader det.
Sådan tester Silktide dette
- Indlæs siden i en rigtig browser med den enhedstype, forbindelseshastighed og testplacering, der er konfigureret til dine hastighedstests.
- Tæl de elementer, som den fuldt indlæste side består af, inklusive alt, der er tilføjet af .
- Mål tre statistikker, og identificer det element, der er ansvarligt for hver: det samlede antal elementer, den dybeste indlejring af elementer og det største antal underordnede elementer under ét overordnet element.
- Vurder hver statistik. Omkring 1.000 elementer i alt, en indlejring på cirka 24 niveauer eller ét overordnet element med cirka 45 underordnede elementer begynder at sænke vurderingen; omkring 1.500 elementer, 32 niveauer eller 60 underordnede elementer vurderes som dårligt.
Fejlfinding
Siden ser ikke stor ud
Antallet af elementer handler om struktur, ikke synligt indhold. En visuelt enkel side kan indeholde tusindvis af elementer, hvis hvert synligt element er indpakket i mange lag af beholdere, eller hvis indhold til andre skærmstørrelser er til stede, men skjult. De elementer, der rapporteres for hver statistik, viser, hvor hovedparten faktisk er.
Det store antal elementer kommer fra mit tema eller min sidebygger
Det er almindeligt, og det er som regel ikke noget, indholdsredaktører kan rette. Send resultatet videre til den person, der vedligeholder webstedets tema eller skabeloner; deaktivering af ubrugte funktioner i sidebyggeren eller forenkling af skabeloner fjerner ofte hundredvis af elementer på én gang.