Core Web Vitals -priorisoiminen korkean ostoaikomuksen kävijöille

Core Web Vitals -priorisoiminen korkean ostoaikomuksen kävijöille

Monet asiakkaistani välittävät syvästi Core Web Vitals -testien läpäisemisestä. Core Web Vitals -testien läpäiseminen tarkoittaa, että 75 % kaikesta liikenteestä tulee läpäistä Core Web Vitals. Ihailtava tavoite! Mutta optimoidessa 75 %:lle kävijöistä pieni mutta kriittinen ryhmä, noin 5 % kävijöistä, voi jäädä huomiotta. Valitettavasti tämä on joskus tärkein ryhmä: kävijät, jotka muuttuvat asiakkaiksi!

Sokeiden pisteiden löytäminen CWV-analyysissa

Vaikka yleisten CWV-mittareiden keskittyminen on välttämätöntä hyvän käyttäjäkokemuksen kannalta, se voi peittää suorituskykyongelmat, jotka vaikuttavat erityisesti arvokkaisiin kävijöihin. Core Web Vitals -optimointi, pääasiassa Google-bonuksen vuoksi, keskittyy yleensä "hieman keskiarvon alapuolella olevan kävijän" optimointiin.

Verkkokaupassa on järkevää siirtyä tämän näkemyksen yli ja lisätä ylimääräinen painotus korkean ostoaikomuksen kävijöille. Nämä ovat kävijöitä, jotka muuttuvat asiakkaiksi. Core Web Vitals -optimointi näille kävijäsegmenteille johtaa korkeampiin konversioprosentteihin ja vähäisempään ostoskorin hylkäämiseen.

Voimme tyypillisesti tunnistaa nämä käyttäjät heidän ostoskorinsa tuotteiden määrän perusteella.

Tässä on nyt ongelma: tuotteiden lisääminen ostoskoriin voi vaikuttaa Core Web Vitals -arvoihin. Ongelma on välimuistilisäosat!

Välimuistilisäosat usein poistavat välimuistin käytöstä käyttäjille, joilla on dynaamista sisältöä. Dynaaminen sisältö on sisältöä, joka muuttuu käyttäjän mukaan. Yksinkertainen asia kuten "tuotteet ostoskorissa", pakottaa palvelimen rakentamaan koko sivun uudelleen jokaisen pyynnön yhteydessä. Tämä kasvattaa merkittävästi Time to First Byte -aikaa, mikä johtaa hitaampaan First Contentful Paint- ja Largest Contentful Paint -aikaan. Tämän seurauksena ostaikomuksen omaavat käyttäjät kokevat hitaamman verkkosivuston verrattuna niihin, jotka vain selaavat.

Suorituskyvyn priorisointi dynaamiselle sisällölle

Siirry välimuistilisäosien yli: Älä luota pelkästään välimuistilisäosaan. Yritä korjata mahdollisimman monta taustalla olevaa ongelmaa ja pullonkaulaa ennen kuin turvaudut lisäosiin. Analysoi taustakoodisi, optimoi tietokantakyselyt, hienosäädä palvelinta varmistaaksesi nopean TTFB:n, jopa ilman välimuistilisäosia.

Osittainen välimuisti:Harkitse sivustosi pienempien osien välimuistittamista, jotka ovat CPU- tai aikaintensiivisiä generoida lennossa. Tämä mahdollistaa sinulle, kun koko sivun välimuisti on poistettu käytöstä, silti nopean koko sivun generoinnin. Sisällönhallintajärjestelmäsi tukee tyypillisesti osittaista välimuistia Memcachedin tai Redisin avulla.

Asiakaspuolen renderöinti (CSR) dynaamisille komponenteille: Harkitse CSR:n toteuttamista kirjautuneille käyttäjille. Asiakaspuolen renderöinnillä suurin osa sivusta palvellaan edelleen välimuistissa olevana HTML:nä (tämä osa on palvelinpuolella renderöity), kun taas pienemmät, dynaamiset osat sivusta (kuten ostoskori tai personoidut tulokset) renderöidään asiakaspuolella. Kun sivu on ladattu, selain käyttää JavaScriptia ja AJAXia hakeakseen dynaamista sisältöä (kuten ostoskorin tiedot) ja injektoi sen staattiseen sivuun, tehden siitä dynaamisen näköisen.

Tehokas välimuistin hallinta:Olen välimuistin suuri fani ja kannustan sinua toteuttamaan tehokkaita välimuistin hallintastrategioita kuten avainpohjainen välimuisti. Käytä yksinkertaisia avaimia staattisille elementeille (esimerkiksi URL voi riittää avaimeksi välimuistisivulle) ja käytä monimutkaisia avaimia dynaamiselle sisällölle kuten ostoskoreille (avain voi sisältää käyttäjätunnuksen, tuotetunnukset ja aikaleimat varmistaakseen, että haettu data vastaa käyttäjän tiettyä ostoskoria).