Wordpress

Úvod do základních webových životně důležitých funkcí PageSpeed

Barış Ünver je zakladatelem Optimocha, přizpůsobené služby pro optimalizaci rychlosti WordPress a vlastníkem pluginu Speed ​​Booster Pack.

Od aktualizace jejich algoritmu v červnu 2021 společnost Google efektivně vnímá zkušenost se stránkou jako důležitý faktor z hlediska SEO. A jednou z nejkritičtějších částí této „Aktualizace zkušeností se stránkou“ je to, co Google nazývá Základní webové vitály.

V tomto příspěvku si projdeme, co to je, a pochopíme, proč na každé metrice záleží.

Co je to „Core Web Vitals“?

Základní webové vitály
Obrazový kredit: web.dev

Zde je návod, jak Google popisuje Core Web Vitals, takže si myslím, že je nejlepší začít citací z nich:

(…) Každý z Core Web Vitals představuje odlišný aspekt uživatelské zkušenosti, je měřitelný v terénu a odráží reálnou zkušenost s kritickým výsledkem zaměřeným na uživatele.

Metriky, které tvoří Core Web Vitals, se budou časem vyvíjet. Současná sada pro rok 2020 se zaměřuje na tři aspekty uživatelské zkušenosti —nakládání, interaktivita, a vizuální stabilita—a zahrnuje následující metriky (a jejich příslušné prahové hodnoty):

  • Největší obsahová barva (LCP): měří nakládací výkon. (…)
  • Zpoždění prvního vstupu (FID): měří interaktivitu. (…)
  • Kumulativní posun rozvržení (CLS): měří zrakovou stabilitu. (…)

Zkombinujte tyto informace s oznámením společnosti Google o tom, že CWV je hodnotícím faktorem v SERP, a můžete dojít k závěru, že LCP, FID* a CLS jsou podle Googlu nejdůležitější metriky UX pro SEO.

* Poznámka k FID od společnosti Google: „FID vyžaduje skutečného uživatele, a proto jej nelze měřit v laboratoři. Metrika Total Blocking Time (TBT) je však laboratorně měřitelná, dobře koreluje s FID v terénu a také zachycuje problémy, které ovlivňují interaktivitu. Optimalizace, které zlepšují TBT v laboratoři, by také měly zlepšit FID pro vaše uživatele.“

Pojďme se ponořit do každé metriky trochu dále.

Největší obsahová barva (LCP)

LCP
Obrazový kredit: web.dev

Jak název napovídá, tato metrika měří rychlost načítání největšího prvku (v pixelech) s obsahem ve zobrazované oblasti. Google usoudí, že toto je největší ukazatel vnímané rychlosti stránky, a většinou má pravdu: Když se načte největší prvek, jako je odstavec nebo obrázek hrdiny, náš mozek vnímá, že stránka je načtena a je pro nás dostupná.

Zlepšení LCP je většinou o odstranění blokování vykreslování a odložení stahování aktiv (CSS, JS, obrázky, fonty atd.). Proto je pro tuto metriku zásadní minimalizace prostředků a používání metod, jako jsou kritické CSS a líné načítání a odkládání JavaScriptu.

Zpoždění prvního vstupu (FID) a celková doba blokování (TBT)

FID
Obrazový kredit: web.dev

Toto je pravděpodobně nejobtížněji pochopitelná a nejobtížněji vylepšitelná metrika ze všech tří. (Zdá se, že i Google měl problém najít způsoby, jak to měřit, takže můžeme také říci, že je to nejobtížněji měřitelné.)

Dokonce i ti nejzkušenější odborníci na optimalizaci výkonu mohou mít problém to vysvětlit, takže mi promiňte, pokud vám mluvím bláboly.

Aby návštěvník mohl interagovat se stránkou, pokud „hlavní vlákno“ prohlížeče (což v podstatě analyzuje celou webovou stránku) trvá déle než 50 milisekund, Google považuje hlavní vlákno za „zablokované“ a označí proces jako „Dlouhý úkol“. “.

Měří dobu trvání úlohy hlavního vlákna (mínus 50 ms pro každou úlohu) a sčítá ji, aby se nazývala „celková doba blokování“. Zlepšení této metriky je klíčové pro to, aby uživatel mohl se stránkou interagovat co nejdříve, a o tom je „zpoždění prvního vstupu“.

Složitý? Absolutně. Těžko zlepšit? To se vsaď. Ale dá se to udělat? N – ano. Vyžaduje to však určitou nemilosrdnou eliminaci používání JavaScriptu, takže nástroje pro analýzu, sledovací pixely, lišty souhlasu se soubory cookie, widgety pro živý chat a podobně tyto dvě metriky dramaticky poškozují.

Kumulativní posun rozložení

CLS
Obrazový kredit: web.dev

Chtěli jste někdy klepnout na tlačítko nabídky, abyste si uvědomili, že jste klepli na reklamu, která se objevila z ničeho nic během zlomku sekundy, kdy jste se rozhodli klepnout a klepnout? To je to, co je změna rozložení; a „kumulativní posun rozložení“ je (samozřejmě) součtem všech posunů rozložení při načtení stránky.

Vylepšení CLS spočívá především ve zlepšení výkonu prvků nad záhybem. Předběžné načítání obrázků a písem, přidělování prázdného prostoru pro reklamy, kritické styly CSS a podobné věci přispívají k lepšímu měření CLS.

(Osobně si myslím, že to vůbec nesouvisí s optimalizací výkonu stránky – myslím, že to není ani měření založené na čase! Takže nesouhlasím s Googlem, že jde o „stránkuRychlost“, ale je to rozhodně důležitá metrika pro zlepšení uživatelské zkušenosti.)

Závěr: Jak přistupovat k PageSpeed ​​a Core Web Vitals

Právě teď, ve verzi Lighthouse 8, tyto tři metriky tvoří 70 % skóre PageSpeed ​​dané stránky (zdroj). Nicméně, jak říká Google (v citaci výše), PageSpeed ​​se neustále vyvíjí; takže můžete očekávat, že se to v budoucnu změní.

A všimněte si, že skóre PageSpeed ​​stále více ztrácí smysl! Musíte si pamatovat, že pokud se snažíte optimalizovat své webové stránky, abyste zlepšili své hodnocení SERP, Core Web Vitals je jedinou sadou metrik, které byste měli sledovat. Posedlost mít 100% skóre PageSpeed ​​pro všechny vaše stránky je nejen nesmyslné, ale také škodlivé!

Chcete-li se dozvědět více o tom, jak optimalizovat svůj web, přejděte na Optimocha.com a neváhejte kontaktovat Barış Ünvera na LinkedIn.

Související články

0 Komentáře
Vložené zpětné vazby
Zobrazit všechny komentáře
Tlačítko Nahoru