Chrome UX Report: data o rychlosti od reálných uživatelů Googlu
Chrome UX Report (CrUX) je veřejný datový soubor poskytovaný společností Google, který shromažďuje a anonymně analyzuje údaje o skutečné uživatelské zkušenosti při prohlížení webu pomocí prohlížeče Chrome.
Cookie lišty a rychlost webu
Máte vyladěnou rychlost webu? Výborně, ale to jste možná ještě nenasadili cookie lištu.
Core Web Vitals
Core Web Vitals (CWV) je základní sada metrik od Google, která má za úkol reflektovat rychlost načítání webů a uživatelskou zkušenost. Pojďme zjistit, jaké metriky obsahuje, proč jsou důležité a jak je měřit.
First Contentful Paint (FCP)
First Contentful Paint (FCP) je metrika, která měří čas od zahájení načítání stránky do chvíle, kdy prohlížeč vykreslí první kousek obsahu na stránce.
Jak najít LCP element?
Pro optimalizaci LCP je zásadní umět najít „prvek LCP“, což je největší prvek ve viditelné části prohlížeče.
Komprese na webu s Gzip a Brotli: máte to dobře?
V PageSpeed.cz často rozebíráme velmi konkrétní problémy. I tak se nestačím divit, do jakých detailů se dostaneme. Stejné to bylo s kompresí dat, na kterou se podíváme v tomto článku.
Lighthouse Performance Skóre (LPS)
Lighthouse Performance skóre (LPS) je syntetická metrika používaná pro hodnocení rychlosti a výkonu webových stránek, poskytovaná nástrojem Lighthouse. Skóre je vypočítáno z řady metrik, které simulují načtení stránky uživatelem a poskytuje hodnotící pohled na rychlost a dostupnost obsahu.
Metrika „Celkový čas blokování JS třetími stranami“ (3PBT)
Metrika „Celkový čas blokování JS třetími stranami. Jde o interní ukazatel monitoringu PageSpeed.cz, který vám umožní více se zaměřit na problémy, které vám mohou způsobovat komponenty třetích stran a zhoršovat tím metriku interakcí (INP).“ (3PBT)
Metrika „Total Blocking Time“ (TBT)
Total Blocking Time (TBT) je metrika rychlosti webu udávající celkový čas, ve kterém není vykreslovaná stránka schopná reagovat na vstupy uživatele.
Metrika INP: 7 tipů na její optimalizaci
INP není úplně nejjednodušší metrikou k optimalizaci, proto jsme z naší praxe vybrali nejčastější problémy a způsoby jak je vyřešit.
Metrika Interaction to Next Paint (INP): jak na pomalé interakce
Google přichází s novou metrikou Interaction to Next Paint (INP). Ta má v březnu roku 2024 v rámci tří nejdůležitějších metrik Core Web Vitals nahradit metriku First Input Delay (FID).
Metrika Kumulativní posun layoutu (CLS): jak najít a odstranit nechtěné posuny stránky
Také vám vadí, když reklama na webu odsune text, který zrovna čtete? Jste naštvaní když vám těsně před kliknutím odskočí obsah a vy kliknete nechtěně jinam?
Metrika Largest Contentful Paint (LCP): průvodce rychlejším načtení webu
Svět metriky Largest Contentful Paint (LCP) by se dal přirovnat k adrenalinovému prostředí automobilových závodů - jde o nekonečný souboj s časem.
Optimalizace metriky CLS
Pojďme se společně podívat, jak se problémům s CLS vyvarovat a také, jak je můžete odstranit, když už se stanou.
Optimalizace metriky LCP
Pojďme se společně podívat, jaké problémy s metrikou Largest Contentful Paint (LCP) vás mohou potkat a jak metriku také co nejefektivněji optimalizovat.
Performance budgets (limity rychlosti webu)
Performance budgets je metodika, který slouží pro udržení rychlosti webových stránek na námi stanovené úrovni. Představme si „budget“ jako limit hodnot pro různé metriky.
Proč optimalizovat rychlost webu?
Psychologie, konverze a Google. Proč byste měli i vy mít rychlý web?
Skóre PageSpeed.cz (SPS): jak počítáme rychlost webu u uživatelů?
Přicházíme s jedním číslem, které je „proxy metrikou“ pro Core Web Vitals na mobilu i desktopu. Říkáme mu „Skóre PageSpeed.cz“ (SPS).
Srovnejte si to v HEAD
Máme rádi WebExpo a máme rádi performance. A navíc máme rádi Harryho Robertse, protože jeho přednášky a články jdou vždy do hloubky.
Studie PageSpeed.cz: Vliv chatovacích widgetů na rychlost webů
Live chat používá dvacet procent provozovatelů českých e-shopů. Jak ale tyto komponenty ovlivní rychlost webu?
Test: je lepší hodně malých CSS souborů nebo jeden velký?
V týmu PageSpeed.cz máme hned několik „evergreen“ diskuzí, na kterých se neshodne celý tým. Jedná z věčných otázek zní: Je rychlejší mít hodně malých CSS souborů rozdělených po komponentách, nebo jeden velký?
Testování Web Vitals v prohlížeči (klíčová dovednost pro vývojáře)
Core Web Vitals jsou Metriky, které používáme k hodnocení výkonu webových stránek v oblastech jako jsou rychlost načítání, interaktivita a stabilita layoutu. Tyto metriky jsou stále více důležité pro zajištění dobré uživatelské zkušenosti a Google je používá jako jedno z hledisek pro umístění ve výsledcích vyhledávání.
Time To First Byte (TTFB)
TTFB ukazuje rychlost serveru (nebo infrastruktury), serverové části aplikace a taky rychlost sítě mezi serverem a prohlížečem uživatele.
Typy měření rychlosti webu: syntetika, Chrome UX Report a Real User Monitoring
Pojďme si v tomto textu ujasnit rozdíly mezi různými typy měření rychlosti webu. Pobavme se o syntetice („synth“), datech od uživatelů Googlu („CrUX“) a datech od všech uživatelů („RUM“).