, 2022/1/13

A felhasználói élmény minőségének optimalizálása kulcsfontosságú a webes webhelyek hosszú távú sikeréhez. Akár cégtulajdonos, marketinges vagy fejlesztő vagy a Web Vitals segíthet. A számszerűsíteni webhely felhasználói élményét, és azonosítani a javítási lehetőségeket.

google core web vitals

A Web Vitals a Google kezdeményezése, amelynek célja, hogy egységes iránymutatást nyújtson a minőségi jelzésekre vonatkozóan, amelyek elengedhetetlenek a nagyszerű felhasználói élmény biztosításához a weben. A Google az évek során számos eszközt biztosított a teljesítmény mérésére és jelentésére. Néhány fejlesztő szakértője ezeknek az eszközöknek a használatának, míg mások számára mind az eszközök, mind a mérőszámok sokasága kihívást jelentett, hogy lépést tartsanak velük.

A webhelytulajdonosoknak nem kell teljesítményguruknak lenniük ahhoz, hogy megértsék, milyen minőségű élményt nyújtanak a felhasználóknak. A Web Vitals kezdeményezés célja, hogy egyszerűsítse a helyzetet, és segítsen a webhelyeknek a legfontosabb mérőszámokra, a Core Web Vitals-ra összpontosítani.

Core Web Vitals #

A Core Web Vitals a Web Vitals azon részhalmaza, amely minden weboldalra vonatkozik, amelyet minden webhelytulajdonosnak mérnie kell, és amely minden Google-eszközben megjelenik. A Core Web Vitals mindegyike a felhasználói élmény egy-egy különálló aspektusát képviseli, a gyakorlatban mérhető, és egy kritikus felhasználó-központú eredmény valós tapasztalatait tükrözi.

A Core Web Vitals-t alkotó mérőszámok idővel fejlődni fognak. A 2020-ra vonatkozó jelenlegi készlet a felhasználói élmény három aspektusára - a betöltődésre, az interaktivitásra és a vizuális stabilitásra - összpontosít, és a következő mérőszámokat (és a hozzájuk tartozó küszöbértékeket) tartalmazza:

Legnagyobb Tartalmas festék küszöbérték ajánlások Első bemeneti késleltetés küszöbérték ajánlások Összesített elrendezés eltolás küszöbérték ajánlások

Legnagyobb tartalmas festék (LCP): a betöltési teljesítményt méri. A jó felhasználói élmény biztosítása érdekében az LCP-nek az oldal első betöltésétől számított 2,5 másodpercen belül meg kell történnie.

Első beviteli késleltetés (FID): az interaktivitást méri. A jó felhasználói élmény biztosítása érdekében az oldalak FID-jének 100 milliszekundumnak vagy annál kevesebbnek kell lennie.

Halmozott elrendezési eltolódás (CLS): a vizuális stabilitást méri. A jó felhasználói élmény érdekében az oldalaknak 0,1 vagy annál kisebb CLS-t kell fenntartaniuk.

A fenti mérőszámok mindegyikénél, annak biztosítása érdekében, hogy a felhasználók többsége számára elérje az ajánlott célértéket, a jó küszöbérték az oldalletöltések 75. percentilisének mérése, mobil és asztali eszközökre szegmentálva.

A Core Web Vitals megfelelőségét értékelő eszközöknek akkor kell az oldalt megfelelőnek tekinteniük, ha a fenti három mérőszám mindegyike esetében eléri az ajánlott célértékeket a 75. percentilisnél.

A Core Web Vitals mérésére és jelentésére szolgáló eszközök

A Google úgy véli, hogy a Core Web Vitals kritikus fontosságú minden webes élmény szempontjából. Ennek eredményeképpen elkötelezte magát amellett, hogy ezeket a mérőszámokat minden népszerű eszközében megjelenítse. A következő szakaszok részletezik, hogy mely eszközök támogatják a Core Web Vitals (alapvető webes mutatók) mérését.

A Core Web Vitals mérésére szolgáló mezei eszközök

A Chrome felhasználói élményjelentés anonimizált, valós felhasználói mérési adatokat gyűjt az egyes Core Web Vital értékekhez. Ezek az adatok lehetővé teszik a webhelytulajdonosok számára, hogy gyorsan értékeljék teljesítményüket anélkül, hogy manuálisan kellene az oldalaik analitikai eszközeivel felszerelniük, és olyan eszközöket támogat, mint a PageSpeed Insights, valamint a Search Console Core Web Vitals jelentése.

Az ezen eszközök használatára vonatkozó útmutatást, valamint azt, hogy melyik eszköz a megfelelő az Ön felhasználási esetéhez, lásd: A Web Vitals mérésének kezdetei. A Chrome felhasználói élményjelentés által szolgáltatott adatok gyors módot kínálnak a webhelyek teljesítményének értékelésére, de nem nyújt részletes, oldalnézetenkénti telemetriát, amely gyakran szükséges a visszalépések pontos diagnosztizálásához, nyomon követéséhez és gyors reagálásához. Ennek eredményeképpen erősen javasoljuk, hogy a webhelyek állítsák be saját valós felhasználói monitorozásukat.

A Core Web Vitals mérése JavaScriptben

A Core Web Vitals minden egyes értéke mérhető JavaScriptben a szabványos webes API-k segítségével. A legegyszerűbb módja az összes Core Web Vitals mérésének, ha a web-vitals JavaScript könyvtárat használja, amely egy kis, gyártásra alkalmas csomagolást alkot az alapul szolgáló webes API-k körül, amely minden egyes mérőszámot úgy mér, hogy az pontosan megfeleljen a fent felsorolt Google-eszközök által jelentett értékeknek. A web-vitals könyvtárral az egyes mérőszámok mérése egyetlen függvény meghívásával egyszerű (a teljes használat és az API részletei a dokumentációban találhatók.

Miután beállítottad webhelyed a web-vitals könyvtár használatára a Core Web Vitals adatok mérésére és elküldésére egy analitikai végpontra, a következő lépés az adatok összesítése és jelentése, hogy lásd, hogy az oldalaid megfelelnek-e az ajánlott küszöbértékeknek az oldallátogatások legalább 75%-ánál. Bár néhány elemzési szolgáltató beépített támogatással rendelkezik a Core Web Vitals mérőszámok számára, még azoknak is, amelyek nem, tartalmazniuk kell olyan alapvető egyéni mérőszám funkciókat, amelyek lehetővé teszik a Core Web Vitals mérését az eszközükben.

Ilyen például a Web Vitals Report, amely lehetővé teszi a webhelytulajdonosok számára, hogy a Google Analytics segítségével mérjék a Core Web Vitals értékeit. A Core Web Vitals más analitikai eszközökkel történő mérésére vonatkozó útmutatásért lásd a Web Vitals helyszíni mérésének legjobb gyakorlatai című részt.

A Web Vitals Chrome-bővítmény segítségével kódírás nélkül is készíthet jelentést az egyes Core Web Vitals értékekről.

Ez a bővítmény a web-vitals könyvtárat használja az egyes mérőszámok mérésére és megjelenítésére a felhasználók számára a webes böngészés során.

Ez a bővítmény hasznos lehet a saját webhelyek, a versenytársak webhelyeinek és általában a web teljesítményének megértésében.

LCP FID CLS

web-vitálisok

Web-vitálisok kiterjesztés

Alternatívaként azok a fejlesztők, akik ezeket a mérőszámokat inkább közvetlenül a mögöttes webes API-kon keresztül mérik, a megvalósítás részleteiért ezekhez a mérőszám-útmutatókhoz fordulhatnak:

LCP mérése JavaScriptben

FID mérése JavaScriptben

CLS mérése JavaScriptben

Egyéb webes mutatók

Bár a Core Web Vitals a kritikus mérőszámok a nagyszerű felhasználói élmény megértéséhez és biztosításához, vannak más létfontosságú mérőszámok is.

Ezek az egyéb Web Vitals gyakran a Core Web Vitals helyettesítő vagy kiegészítő mérőszámaiként szolgálnak, hogy segítsenek megragadni az élmény egy nagyobb részét, vagy segítsenek egy adott probléma diagnosztizálásában.

Például a Time to First Byte (TTFB) és a First Contentful Paint (FCP) metrikák mindkettő a betöltési élmény létfontosságú aspektusa, és mindkettő hasznos az LCP-vel kapcsolatos problémák (lassú szerver válaszidő, illetve a renderelést blokkoló erőforrások) diagnosztizálásában. Hasonlóképpen, az olyan mérőszámok, mint a teljes blokkolási idő (TBT) és az interaktivitásig eltelt idő (TTI) olyan laboratóriumi mérőszámok, amelyek létfontosságúak az FID-et befolyásoló potenciális interaktivitási problémák felismerésében és diagnosztizálásában. Ezek azonban nem részei a Core Web Vitals készletnek, mivel nem mérhetők a terepen, és nem tükröznek felhasználó-központú eredményt.

Evolving Web Vitals

A Web Vitals és a Core Web Vitals a fejlesztők rendelkezésére álló legjobb jelek, amelyekkel ma mérni lehet a webes élmény minőségét, de ezek a jelek nem tökéletesek, és a jövőbeni fejlesztésekre vagy kiegészítésekre kell számítani.

A Core Web Vitals minden weboldalra vonatkozik, és a Google releváns eszközeiben szerepel. A mérőszámok változásai széleskörű hatással lesznek, ezért a fejlesztőknek arra kell számítaniuk, hogy a Core Web Vitals definíciói és küszöbértékei stabilak lesznek, a frissítések pedig előzetes értesítéssel és kiszámítható, éves gyakorisággal történnek.

A többi Web Vitals gyakran kontextus- vagy eszközspecifikus, és kísérleti jellegűek lehetnek, mint a Core Web Vitals. Ezért meghatározásuk és küszöbértékeik nagyobb gyakorisággal változhatnak.

A változásokat minden webes életmutató esetében egyértelműen dokumentáljuk ebben a nyilvános VÁLTOZÁSI JEGYZŐKÖNYVben.

Mérőszámok

Teljesítmény

Web Vitals

3 millió forint személyi kölcsön 5 évre?