Hitaasti latautuvat sivut

Silktide lataa sivusi oikeassa selaimessa ja mittaa, kuinka kauan pääsisällön ilmestyminen näytölle kestää. Mittauksessa käytetään alan vakiintunutta mittaria nimeltä Largest Contentful Paint, joka mittaa, milloin suurin kuva tai tekstialue tulee näkyviin.

Largest Contentful Paint (LCP) on yksi Googlen Core Web Vitals -mittareista. Se vastaa paremmin sitä, mitä ihmiset luontevasti kokevat sivun latautumisena, kuin vanhemmat mittarit, kuten kaikkien tiedostojen latauksen valmistumisen odottaminen.

Miksi tämä on tärkeää

Vierailijat arvioivat verkkosivustosi ensimmäisten sekuntien aikana. Sivut, joiden pääsisältö ilmestyy hitaasti, menettävät vierailijoita ennen kuin nämä ehtivät lukea mitään: tutkimus toisensa jälkeen yhdistää jokaisen ylimääräisen lataussekunnin mitattavasti suurempaan poistumisasteeseen, erityisesti mobiililaitteilla. Koska LCP on Core Web Vitals -mittari, hitaat sivut voivat myös sijoittua hakutuloksissa alemmaksi, joten hidas sivu menettää sekä saamansa vierailijat että osan niistä, joita se ei koskaan saa.

Näin korjaat ongelman

Silktide näyttää, mikä sivun elementti on suurin – juuri se elementti on saatava näkyviin nopeammin.

1. Jos se on kuva, pienennä sitä ja nopeuta sen latautumista: pakkaa kuva, käytä nykyaikaista muotoa ja tarjoa se näytettävässä koossa – katso Kuvien optimointi. Älä koskaan viivelataa pääkuvaa.
2. Poista tai siirrä myöhemmäksi kaikki renderöintiä viivästyttävä, kuten sivun estävät tyylitiedostot ja komentosarjat – katso Renderöinnin estävät resurssit.
3. Nopeuta palvelimen ensimmäistä vastausta, sillä kaikki muu odottaa HTML:ää – välimuistiin tallentaminen ja CDN auttavat molemmat.

Näin Silktide testaa tämän

1. Lataa sivu oikeassa selaimessa ja mittaa Largest Contentful Paint -ajan millisekunteina.
2. Tunnista, mikä elementti oli sillä hetkellä suurin, ja näytä se sinulle.
3. Arvioi tulos tavallisten LCP-raja-arvojen avulla: enintään 2,5 sekuntia on hyvä, ja yli 4 sekuntia pidetään heikkona tuloksena.

Vianmääritys

Sivusto tuntuu mittausta nopeammalta

LCP mittaa ensimmäistä vierailua tyhjällä välimuistilla, mikä vastaa uuden vierailijan kokemusta. Omat toistuvat vierailusi hyödyntävät välimuistiin tallennettuja tiedostoja ja tuntuvat paljon nopeammilta.

Suurin elementti ei ole tärkein

LCP mittaa sen elementin, joka on suurin – yleensä pääkuvan tai otsikon. Jos satunnainen elementti (kuten taustakuva) on LCP:si, sen nopeuttaminen nopeuttaa silti vierailijoiden kokemusta, koska samat korjaukset hyödyttävät kaikkea sen ympärillä renderöityvää sisältöä.

Lisätietoja

• Sivunopeus ja Core Web Vitals - LCP:n ja muiden mittareiden priorisointikehys
• Largest Contentful Paint (web.dev)
• Optimoi LCP (web.dev)
• Renderöinnin estävät resurssit