Core Web Vitals

Mis on Core Web Vitals?

Core Web Vitals on Google'i loodud mõõdikud kasutajakogemuse parandamiseks veebisaitidel. Laadimiskiiruse analüüsimiseks saadaolevate tööriistade suur mitmekesisus oli üks teguritest, mida Google kaalus kõigi nende mõõdikute ühendamisel, et laadimisaegade optimeerimisega seotud keerukust veidi lihtsustada. Selle algatuse eesmärk on panna meid keskenduma neile „kvaliteedisignaalidele", mis on optimaalse kasutajakogemuse saavutamiseks nii olulised.

Google võtab mõne sõnaga kokku, millele Core Web Vitals keskendub:

• ›

  Laadimiskogemus

• ›

  Interaktiivsus

• ›

  Lehe sisu visuaalne stabiilsus

Largest Contentful Paint ehk LCP

LCP ehk Largest Contentful Paint on mõõdik, mis näitab meile „suurima" kasutajale nähtava sisuelemendi laadimisaega, kuni see muutub kättesaadavaks ja kasulikuks. Teisisõnu ütleb Google, et elemendid, mis paiknevad nn „Above the Fold" alas, peavad laadima kiiresti ja olema loetavad, muutudes seeläbi kasutajale kättesaadavaks, et too saaks nendega suhelda.

Tuleb täpsustada, et elemendid, mis ilmuvad siis, kui kasutaja ekraanil klõpsab või kerib, ei mõjuta LCP-d. Suurim sisu võib olla tekstiplokk, video, pilt jne.

LCP oleku klassifikatsioon aegade järgi. Pilt © web.dev

Millist aega peab Google optimaalseks?

Nagu diagrammilt näeme, leiab Google, et maksimaalne aeg LCP laadimiseks ja hea kasutajakogemuse tagamiseks on alla 2,5 sekundi. Oluline on märkida, et laadimise ajal võib LCP element muutuda.

Kuidas saan teada URL-i LCP?

Chrome'i brauseris endas, käivitades Lighthouse'i auditi, on meil võimalus teada saada, mida Google peab suurimaks laaditavaks sisuks. Vaata, kuidas:

Millised tegurid võivad LCP laadimist mõjutada?

Mitmed tegevused mõjutavad seda, et LCP laadimisaeg on oodatust pikem. Need elemendid või tegevused on:

• ›

  Serveri vastus

• ›

  Andmebaasipäringud

• ›

  API vastused, mille lahendamine võtab aega

• ›

  Renderdamist blokeeriv CSS või JS

• ›

  Teiste ressursside aeglane laadimine

• ›

  Optimeerimata pildid

• ›

  Jne.

First Input Delay ehk FID

FID ehk First Input Delay on mõõdik, mis näitab, kui kaua kulub lehel reageerimiseks, kui kasutaja mõne elemendiga suhtleb.

Pagespeedist võetud mõõdikud

Pagespeedi tööriistas, mille Google mõni aeg tagasi kõigile kättesaadavaks tegi, näeme viidet sellele mõõdikule. Heaks peetavad väärtused peaksid jääma alla 100 ms.

First Input Delay (FID) oleku klassifikatsioon aegade järgi. Pilt © web.dev

Selle mõõdiku (FID) probleemide peamised põhjused tulenevad JavaScripti käivitamisest, seega peaksime tuvastama, milline koodiosa põhjustab lehe aeglase reageerimise suhtlusele. Olen selle probleemiga ise reklaami JS-i laadimisel kokku puutunud.

Cumulative Layout Shift ehk CLS

Cumulative Layout Shift on mõõdik, mis seab piirid selliste elementide laadimisele, mis laadimise käigus kuvamist muudavad. Räägime ekraanil olevate elementide stabiilsuse tagamisest, et vaade ei nihkuks, kui teised ressursid laadivad.

Google leiab (noh, Google ja iga kasutaja), et on väga tüütu, kui pärast seda, kui oleme lehega suhtlemist alustanud (lugedes, kerides jne), nihutab hiljem laaditud element kasutaja positsiooni sisu suhtes, sundides teda seda kerimisega korrigeerima.

See näide aitab meil paremini selgitada, kuidas see mõõdik töötab. Alguses näeme vasakul poolel laaditud sisu. Kui Google räägib stabiilsusest, peab ta silmas seda, et kolmanda elemendi laadimine ei nihuta varem laaditud elemente. Nagu näeme paremal oleval pildil, on YouTube'i video laadimine nihutanud kahte algselt laaditud plokki.

Miks on Core Web Vitals oluline?

Sellest ajast, kui oleme koos eksisteerinud otsingumootoritega ja täpsemalt Google'iga, on see kehtestanud kohustusi igaühele, kellel on veebisait ja kes soovib, et see oleks üks valikuvõimalustest otsingutulemustes.

Juurdepääsu parandamine kõikidest seadmetest, turvalise sirvimise soodustamine turvaprotokolli alusel või pealetükkivat reklaami (interstitials) kasutanud veebisaitide karistamine on olnud mõned tehnoloogiahiiu lahingutest.

Need mõõdikud on näitajad, mida Google meile annab, et osutada, millised veebisaidi osad võivad kasutaja jaoks probleemiks olla, aga... kas see tähendab, et need on olulised?

Olenemata sellest, kas mõistame veebisaite „robotite" või „kasutajate" vaatenurgast, on need mõõdikud näitajad, et meie veebisaidid ei tööta nii hästi, kui peaksid. Oleme juba mitmes uuringus näinud, kui mõjukas on laadimisaeg konversioonile ja kasutaja kannatlikkusele. Praegu need järjestusi ei mõjuta, kuid kas me kavatseme need mõõdikud eirata?

Meie omalt poolt võtame neid kindlasti arvesse.

Kas Core Web Vitals mõjutab järjestusi?

Tänase seisuga teame vaid seda, et kasutajakogemuse parandamise mõõdikud muutuvad üha olulisemaks ja mõnda neist võetakse otsingutulemustes juba arvesse. 28. mai artiklis Google'i ajaveebis teatati, et 2021. aastal loodetakse välja anda uus uuendus, et lisada mitmeid kasutajakogemusega seotud mõõdikuid.

Peame vaid meenutama, kuidas ta käitles Mobile First Indexit ja eelnevaid teadaandeid. Sel juhul, viidates taas mai artiklile, hoiatab ta, et eelnev teavitus tuleb vähemalt 6 kuud varem, seega... kas uuendus tuleb järgmise aasta lõpuks?

Tööriistad Core Web Vitalsi optimeerimiseks

Nüüd, kui oleme rääkinud sellest, mis on Core Web Vitals ja milline tähtsus neil lähikuudel on, on aeg alustada tööd nende mõõdikute optimeerimisega. Erinevate tööriistade abil suudame tegeleda tuvastatud probleemidega ja saavutada jõudluse paranemise.

Lighthouse

Lighthouse on võimas avatud lähtekoodiga tööriist, mille leiame Chrome'ist. Lighthouse'i abil saame oma veebisaiti auditeerida, käivitades erinevaid teste, et saada tulemusi puuduste või lehe osade kohta, mida on vaja optimeerida. Nende osade hulgas on ka Core Web Vitalsi mõõdikud.

Pilt on võetud Lighthouse'i auditi tulemustest

Page Speed Insights

Page Speed Insights on veel üks võimalus, mille Google meile pakub, et saada oma veebisaidi jõudlusandmeid. See tööriist näitab meile isegi kõige olulisemate mõõdikute graafikuid ja nende olekut. Page Speed Insights põhineb kasutajakogemuse aruandel, mille eesmärk on saada andmeid võrdluses teiste veebisaitidega.

Page Speed Insightsi pakutavad mõõdikud

Chrome UX

Chrome User Experience Report on andmekogum, mille Google pakub kasutajate käitumise kohta üle maailma Chrome'i kaudu. Nendele andmetele juurdepääsuks tuleb kasutada Big Queryt ning omada Google Cloudi kontot.

Google Data Studio kaudu on nad juurdepääsu lihtsamaks teinud ja meile selles armatuurlaual peaaegu kõik valmis seadnud.

Chrome Dev Tools

Core Web Vitalsi mõõdikuid saame analüüsida mitte ainult Lighthouse'iga; kui süveneme Chrome'i arendajatööriistadesse, võime jõuda samade järeldusteni. Näiteks vahekaardil „Performance", kui teeme salvestuse või uue laadimise, saame väärtuslikku teavet selle kohta, kuidas meie URL käitub.

Ekraanipilt on tehtud Chrome Dev Toolsi valikus „Performance"

Web.Dev

Alati on olemas lihtsam viis asjade tegemiseks, vähemalt siis, kui räägime oma Core Web Vitalsi tundmisest. Ametlikul veebisaidil on meil leht, mis kirjeldab üksikasjalikult iga mõõdikut ja annab meile selgituse, mis see on, ning tavasid selle parandamiseks.

Lisaks on meil Chrome'i poes laiendus, mis annab meile seda teavet iga URL-i sisestamisel:

Punase või rohelise märgistusega näeme oma URL-i olekut nende mõõdikute suhtes:

Ekraanipilt Web Vitalsi laienduse antud tulemustest

Search Console

Search Console on asendamatu tööriist igale veebihaldurile. Lisatud on funktsioon, mis aitab meil näha, millistel URL-idel on nende 3 mõõdikuga (LCP, FID ja CLS) probleeme. Vasakpoolses menüüs on meil valik „Core Web Vitals". Kui valime selle valiku, ilmuvad kaks graafikut, mis näitavad URL-ide tulemusi seadme järgi. Kui valime seadme (lauaarvuti või mobiil), näeme üksikasjalikult, millistel URL-idel on probleeme.

Ärge ehmuge, kui näete paremal suurt hulka URL-e; see on suhteliselt tavaline, kuna probleemid tekivad tavaliselt lehetüüpide kaupa (näiteks ajaveebipostitused) ja ühe nendega tegelemine annab meile paranduse kõigi lõikes.

Järeldused

Selle ringkäigu eesmärk Core Web Vitalsi maailmas on tutvustada meile mõõdikuid, mis üha enam esiplaanile tõusevad, ning meie, olgu SEO-spetsialistid või veebihaldurid, hakkame nendega koos elama. SEO Alive'i poolt soovime soovitada teil kasutada kõiki neid tööriistu, mille oleme teile andnud ja mis kahtlemata aitavad teil parandada oma veebisaidi WPO jõudlust.

*Kas võtate vastu väljakutse parandada oma saidi kiirust? Käivitage test mõne meie mainitud tööriistaga ja saatke meile sõnum koos ekraanipildiga. Anname teile täiesti tasuta nõuande, kuidas seda parandada! *