Přeskočit na hlavní obsah

24 označených dokumentů s "Core Web Vitals"

Zobrazit všechny tagy

BFcache

Back/forward cache (nebo BFcache) je optimalizace prohlížeče, která umožňuje okamžitou navigaci zpět a vpřed. Výrazně zlepšuje zážitek z prohlížení, zejména pro uživatele s pomalejšími sítěmi nebo zařízeními.

CLS optimalizace

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.

CLS: Jak držet výšku?

V tomto textu se dozvíte, proč a jak je potřeba na úrovni HTML nebo CSS zajistit rozměry elementů, které se do stránky vkládají asynchronně, jako jsou prvky <img>, <iframe> nebo javascriptové komponenty.

Core Web Vitals (CWV)

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.

HTML <head> a rychlost

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.

INP optimalizace

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.

Interaction to Next Paint (INP)

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).

Komprese Gzip a Brotli

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.

Kumulativní posun layoutu (CLS)

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?

Largest Contentful Paint (LCP)

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.

LCP element

Pro optimalizaci LCP je zásadní umět najít „LCP prvek“, což je největší prvek ve viditelné části prohlížeče pro konkrétního uživatele.

LCP optimalizace

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.

Navigation Types

Znát různé typy navigace je důležité, protože některé z nich jsou daleko rychlejší než jiné. Cílem z pohledu optimalizace rychlosti webu je převést co nejvíce uživatelů na rychlé typy navigace.

Optimalizace backendu

Backend hraje v optimalizaci rychlosti webu zásadní roli, protože správná optimalizace na straně kódu a serveru může eliminovat zpoždění, které často vzniká při zpracování požadavků a doručování obsahu.

Report „Domény“

Report „Domény“ ukazuje stav rychlosti měřených domén. Je to nejdůležitější report, pokud jde o vývoj rychlosti celého webu. 

Report „Shrnutí“

Úvodní stránka, takzvané „Shrnutí“, slouží k rychlému zobrazení aktuálního stavu rychlosti webu v různých kontextech a typech měření

Speculation Rules

Speculation Rules API nám přináší možnost jak přednačíst, nebo dokonce předběžně vykreslit jinou stránku. Tímto způsobem můžeme dosáhnout téměř instantního načtení stránky, na kterou uživatel přechází a zlepšit tak jeho celkový zážitek z webu.

Studie: Chaty a rychlost

Live chat používá dvacet procent provozovatelů českých e-shopů. Jak ale tyto komponenty ovlivní rychlost webu?

Studie: CSS jeden nebo více?

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ý?

Web Vitals v prohlížeči

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í.