Rychlý web znamená více zákazníků a vyšší konverze. Proto rozšiřujeme naši tradiční soutěž o nejrychlejší e-shop a vyhlašujeme PageSpeed.ONE Awards 2025.

Awards 2025

Představujeme PageSpeed.ONE Awards 2025

Blog

Rychlost webu je klíčová pro úspěch vašeho online podnikání. Zjistěte proč.

Proč rychlý web

Proč mít rychlý web

Máme pro vás tři nové způsoby, jak si nenechat konverze utéct kvůli pomalému webu. Rychlost webu jsme za poslední roky v PageSpeed.ONE řešili u desítek projektů.

Rozšiřuje služby

PageSpeed.ONE rozšiřuje služby o optimalizaci Wordpressu, Shoptetu a dozor SpeedCare

Bugfix 2026-02-01

Changelog: Bugfix 2026-02-01

Poznamky 2026-02-01

Changelog: Poznamky 2026-02-01

Vydani 2026-02-01

Changelog: Vydani 2026-02-01

Ve verzi 4.9.1 přinášíme několik vylepšení a oprav, které zlepší vaši práci s naším monitoringem rychlosti webu.

Monitoring v4.9.1

Changelog: Monitoring v4.9.1

Pro optimalizaci LCP je zásadní umět najít „prvek LCP", což je největší prvek ve viditelné části prohlížeče.

LCP element

Jak najít LCP element?

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.

LCP optimalizace

Optimalizace metriky LCP

Líné načtení obrázků a dalších prvků doporučujeme jako jednu ze základních a zároveň velmi efektivních metod optimalizace rychlosti načtení stránky. Doporučujeme vám konzervativně odložit načtení všech obrázků mimo první viewport. Dejte si pozor na aplikaci líného načtení na obrázky, které jsou LCP elementem, což může rychlost naopak zhoršit.

LCP: Lazy load obrázků

Lazy loading obrázků: podrobný průvodce

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)

Blokování třetích stran (3PBT)

Metrika „Celkový čas blokování JS třetími stranami“ (3PBT)

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?

Kumulativní posun layoutu (CLS)

Metrika Kumulativní posun layoutu (CLS): jak najít a odstranit nechtěné posuny stránky

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.

Core Web Vitals (CWV)

Core Web Vitals

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.

First Contentful Paint (FCP)

To nejdůležitější o rychlosti metrikách webu.

Metriky

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

Interaction to Next Paint (INP)

Metrika Interaction to Next Paint (INP): jak na pomalé interakce

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.

Largest Contentful Paint (LCP)

Metrika Largest Contentful Paint (LCP): průvodce rychlejším načtení webu

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.

Lighthouse Skóre (LPS)

Lighthouse Performance Skóre (LPS)

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

Skóre PageSpeed.cz (SPS)

Skóre PageSpeed.cz (SPS): jak počítáme rychlost webu u uživatelů?

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.

Total Blocking Time (TBT)

Metrika „Total Blocking Time“ (TBT)

TTFB ukazuje rychlost serveru (nebo infrastruktury), serverové části aplikace a taky rychlost sítě mezi serverem a prohlížečem uživatele.

Doba do načtení prvního bajtu (TTFB)

Time To First Byte (TTFB)

Konkrétní ceny a příplatky za monitoring rychlosti PLUS.

Ceník

Ceník pro monitoring PLUS

To nejdůležitější o monitorování rychlosti webu.

Monitorování

Hlídač každý den monitoruje rychlost měřených stránek vašeho webu v monitoringu PLUS. V případě, že se některá klíčová metrika změní, Hlídač rychlosti vás upozorní. V tomto textu se dozvíte, kdo a jak by měl vyhodnocovat tato hlášení.

Hlídač: jak vyhodnocovat

Jak vyhodnocovat hlášení Hlídače?

V tomto textu se dozvíte, jak přesně stahujeme a zpracováváme data o rychlosti webů v monitoringu app.pagespeed.cz.

Jak testujeme?

Jak měříme rychlost webu?

Tahle stránka slouží k úpravě osobních údajů uživatele a ke změně výchozího jazyka v monitoringu.

Nastavení uživatele

Správné nastavení je pro dobré měření rychlosti nesmírně důležité, proto prosím věnujte tomuto textu zvýšenou pozornost.

Nastavení testu

Správně nastavené notifikace a jejich vyhodnocování jsou součástí tématu „performance budgets“ a naprostým základem péče o rychlost vašeho webu.

Hlídač: upozornění

Upozornění Hlídače rychlosti

Poznámky v grafech vám umožní snadněji vyhodnocovat vliv změn, které jste na webu udělali. Monitoring PageSpeed.cz PLUS přidává některé poznámky automaticky. V tomto textu se dozvíte nejen, jak poznámky přidávat a upravovat, ale také naše doporučení, jak k nim přistupovat.

Poznámky v grafech

Poznámky v grafech: klíč k vyhodnocování úprav na rychlost webu

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 „Domény“

Hlídač každý den monitoruje rychlost měřených stránek vašeho webu. V případě, že se některá klíčová metrika změní, Hlídač rychlosti vás upozorní.

Report „Hlídač“

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

Report „Shrnutí“

Report „Stránky“ v monitoringu PageSpeed.cz ukazuje stav a vývoj rychlosti měřených URL.

Report „Stránky“

Technické ukazatele webu jsou často opomíjeny, ale mohou hrát klíčovou roli při zlepšování rychlosti a výkonu vašeho webu. V tomto článku se dozvíte, proč je důležité sledovat datový objem, počet requestů a další technické Metriky, a jak mohou ovlivnit uživatelské metriky jako LCP nebo FCP. Zjistíte také, jak využít naše služby PageSpeed.cz k efektivnímu monitorování a optimalizaci technických ukazatelů vašeho webu.

Report „Technické“

V detailu běhu testu vidíte výsledky konkrétního testování jedné z URL vašeho webu.

Report „Detail běhu testu“

Než začnete používat náš nástroj, přečtěte si tento rychlý průlet funkcemi, které nabízí.

Vítejte!

Vítejte v testeru rychlosti webů od PageSpeed.cz!

Rychlejší web = více konverzí a lepší byznys. Vývojářské agentury, které monitorují rychlost, mají spokojenější klienty a stabilnější spolupráce. Jak to můžete využít i vy?

Pro vývojářské agentury

Monitoring rychlosti: proč by jej měla mít každá vývojářská agentura?

Zvažujete monitoring rychlosti webu? Než se pustíte do ostrého měření, dejte si zkušební jízdu. Na 30 dní, bez karty, bez závazků. Se vším, co PLUS verze umí.

Zkušební verze (trial)

Zkušební verze monitoringu - trial

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.

BFcache

BFcache: zrychlete uživatelům pohyb v historii prohlížení

Cloudflare funguje jako prostředník mezi vaším webem a jeho návštěvníky. Na rozdíl od běžné CDN (Content Delivery Network, síť pro rychlejší doručování obsahu) není jen systémem pro distribuci obrázků a souborů. 

Cloudflare

Cloudflare: vaše tajná zbraň pro rychlejší a stabilnější web (článek s checklistem)

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.

CLS: Jak držet výšku?

CLS: jak držet výšku elementů (obrázky, JS komponenty, iframy…)

Máte vyladěnou rychlost webu? Výborně, ale to jste možná ještě nenasadili cookie lištu.

Cookie lišty a rychlost webu

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.

Chrome UX Report (CrUX)

Chrome UX Report: data o rychlosti od reálných uživatelů Googlu

Velká a neefektivní struktura stránky (Document Object Model, tedy DOM) může výrazně zpomalit váš web a negativně ovlivnit metriky Core Web Vitals. Udržet ji v rozumné velikosti a maximálně efektivní je naprosto zásadní pro celkovou technickou výkonnost vašeho projektu a bude mít vliv na rychlost odezvy interakcí (metrika INP).

Optimalizace DOM je základ všeho, pomůže s rychlostí i SEO

Optimalizace DOM

Svět webových fontů je jako salón krásy - všichni si chceme dopřát to nejlepší, ale ne vždycky jsme ochotni čekat, než kadeřník dokončí svou práci. A vaši návštěvníci? Ti jsou obzvlášť netrpěliví.

Optimalizace webfontů

Optimalizace webfontů: 6 kroků ke zrychlení webu

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.

Komprese Gzip a Brotli

Komprese na webu s Gzip a Brotli: máte to dobře?

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.

HTML <head> a rychlost

Srovnejte si to v HEAD

Znalosti

React je oblíbený nástroj pro vývoj moderních webů, ale rychlost a interaktivita nemusí být vždy automatická. V tomto článku představíme klíčové techniky pro optimalizaci Core Web Vitals - od hydratace přes  až po práci s DOMem - a ukážeme vám, jak je využít k zrychlení vašich React projektů.

Optimalizace Reactu

Zrychlete React: 6 osvědčených tipů na optimalizaci Core Web Vitals

Metoda s použitím funkce setTimeout() slouží k optimalizaci dlouhých úloh v JavaScriptu, které blokují uživatelské interakce a zhoršují tím metriky jako Total Blocking Time (TBT) nebo Interaction to Next Paint (INP), která je důležitou součástí sady Core Web Vitals.

INP a setTimeout()

setTimeout: optimalizace dlouhých úloh v JS

Měření rychlosti jednou za čas nestačí. Bez kontinuálního monitoringu rychlosti neodhalíte skryté problémy, nebudete mít historii dat pro analýzu a snadno přehlédnete trendy, které mohou stát váš web konverze a návštěvníky.

Proč monitoring?

Monitoring rychlosti webu: proč je důležitý a jak jej efektivně využívat?

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.

Optimalizace backendu

Optimalizace rychlosti: jak pomoci na backendu?

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 optimalizace

Optimalizace metriky CLS

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.

INP optimalizace

Metrika INP: 7 tipů na její optimalizaci

I vy, obyčejní smrtelníci, můžete zkrotit své obrázky a přimět je, aby pracovaly pro vás, ne proti vám. Stačí použít WebP nebo AVIF, dobře komprimovat a nezapomenout na lazy loading.

Optimalizace obrázků

Optimalizace obrázků: Když mezi kilobajty a pixely rozhodují milisekundy

Shoptet je rychlý, pokud ho nepřibrzdíte. Ukazujeme, jak na optimalizaci rychlosti: co škodí, co pomáhá a jak si e-shop hlídat.

Optimalizace Shoptetu

Jak zrychlit e-shop na Shoptetu: konkrétní rady a časté chyby

Zlepšete rychlost Vue.js webu pomocí SSR, lazy loadingu a dalších tipů. Vyšší výkon znamená spokojenější uživatele i lepší konverze.

Optimalizace Vue.js/Nuxt.js

Optimalizace Vue.js a Nuxt.js: tipy a triky

Rychlost webu není jen kosmetický detail - je to zásadní faktor ovlivňující úspěšnost vašeho online podnikání. Za pomalý WordPress často může špatná volba pluginů, nabobtnalé šablony nebo nedostatek znalostí o optimalizaci rychlosti webu.

Optimalizace rychlosti WordPressu

Optimalizace rychlosti WordPressu: 6+1 tipů, jak potěšit Google i návštěvníky

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.

Performance budgets

Performance budgets (limity rychlosti webu)

Psychologie, konverze a Google. Proč byste měli i vy mít rychlý web?

Proč rychlost webu?

Proč optimalizovat rychlost webu?

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.

Speculation Rules

Speculation Rules API: Cesta k okamžitému načtení stránek

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

Studie: Chaty a rychlost

Studie PageSpeed.cz: Vliv chatovacích widgetů na rychlost webů

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

Studie: CSS jeden nebo více?

Test: je lepší hodně malých CSS souborů nebo jeden velký?

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

Synth vs. CrUX vs. RUM

Typy měření rychlosti webu: syntetika, Chrome UX Report a Real User Monitoring

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.

Navigation Types

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

Web Vitals v prohlížeči

Testování Web Vitals v prohlížeči (klíčová dovednost pro vývojáře)

Rychlost načítání webu je často otázkou vteřin. A právě obrázkový formát WebP může být tajnou zbraní, jak ušetřit kilobajty a přiblížit se dokonalému výkonu.

3 dokumenty s tagem “React”

Zrychlete React: 6 osvědčených tipů na optimalizaci Core Web Vitals

setTimeout: optimalizace dlouhých úloh v JS

Metrika INP: 7 tipů na její optimalizaci

Předvolby