Liiallinen DOM-koko
Silktide mittaa, kuinka monesta elementistä sivusi koostuu ja kuinka syvälle ne on sisäkkäistetty. Liian monesta elementistä rakennetut sivut latautuvat ja reagoivat hitaammin sekä käyttävät enemmän muistia kävijöiden laitteilla.
Jokainen sivun otsikko, kappale, kuva ja säilö on elementti selaimen sivua kuvaavassa sisäisessä mallissa eli . Selaimet käsittelevät helposti muutamia satoja elementtejä, mutta tuhansia elementtejä sisältävillä sivuilla jokainen tyylilaskenta, asettelukierros ja komentosarjapäivitys hidastuu mitattavasti.
Miksi tämä on tärkeää
Kävijät kokevat liian suuren sivun hitaana: sivun ilmestyminen kestää kauemmin, vieritys nykii ja esimerkiksi valikon avaaminen viivästyy huomattavasti. Vaikutus on suurin laitteilla, joissa on vähiten suorituskykyä käytettävissä – edullisissa puhelimissa ja vanhemmissa tietokoneissa – joten hitainta laitteistoa käyttävät kävijät saavat sivustostasi huonoimman version.
Liian suuria sivuja ei yleensä suunnitella tarkoituksella sellaisiksi. Ne kasvavat vähitellen: sivunrakentajat käärivät kaiken säilöjen kerroksiin, samasta sisällöstä tehdään piilotettuja versioita eri näyttökokoja varten, ja pitkät luettelot renderöidään kokonaisuudessaan, vaikka kävijät näkevät niistä vain ensimmäisen näkymän.
Näin korjaat ongelman
- Selvitä, mikä kasvattaa sivua. Tavallisia syitä ovat sivunrakentajateemat, jotka luovat syvälle sisäkkäisiä kääreitä, megavalikot, jotka upottavat koko sivuston rakenteen jokaiselle sivulle, sekä kokonaisuudessaan renderöidyt pitkät taulukot tai tuoteluettelot.
- Renderöi pitkät luettelot vaiheittain: näytä ensimmäiset kohteet ja lataa lisää, kun kävijä vierittää tai selaa sivuja, sen sijaan että lisäät sivulle tuhansia rivejä kerralla.
- Vältä sisällön monistamista eri laitteita varten. Muotoile yksi kopio sen sijaan, että toimitat samasta sisällöstä erilliset piilotetut työpöytä- ja mobiiliversiot.
- Jaa erittäin pitkät sivut useiksi pienemmiksi sivuiksi, kun sisältö sen sallii.
Miten Silktide testaa tämän
- Lataa sivu oikeassa selaimessa käyttäen nopeustestejä varten määritettyä laitetyyppiä, yhteysnopeutta ja testauspaikkaa.
- Laske täysin ladatun sivun elementit, mukaan lukien kaikki lisäämät elementit.
- Mittaa kolme tilastoa ja tunnista kustakin vastuussa oleva elementti: elementtien kokonaismäärä, elementtien syvin sisäkkäisyys ja yhden pääelementin alaisuudessa olevien lapsielementtien suurin määrä.
- Arvioi jokainen tilasto. Noin 1 000 elementtiä yhteensä, noin 24 tasoa syvä sisäkkäisyys tai yksi pääelementti, jolla on noin 45 lapsielementtiä, alkaa laskea arvosanaa. Noin 1 500 elementtiä, 32 tasoa tai 60 lapsielementtiä arvioidaan heikoksi.
Vianmääritys
Sivu ei näytä suurelta
Elementtien määrä liittyy rakenteeseen, ei näkyvään sisältöön. Visuaalisesti yksinkertainen sivu voi sisältää tuhansia elementtejä, jos jokainen näkyvä kohde on kääritty useisiin säilökerroksiin tai jos muille näyttökoille tarkoitettu sisältö on olemassa mutta piilotettu. Kustakin tilastosta raportoidut elementit osoittavat, missä suurin määrä todellisuudessa on.
Suuri elementtimäärä tulee teemastani tai sivunrakentajastani
Tämä on tavallista, eikä sisällöntuottaja yleensä voi korjata sitä. Välitä havainto henkilölle, joka ylläpitää sivuston teemaa tai malleja. Käyttämättömien sivunrakentajaominaisuuksien poistaminen käytöstä tai mallien yksinkertaistaminen poistaa usein satoja elementtejä kerralla.