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.

Rozšiřuje služby

Představujeme PageSpeed.ONE Awards 2025

The most important information about website speed that didnt fit anywhere else.

General

Website speed is crucial for the success of your online business. Find out why.

Why fast web

Why have a fast website

We’re introducing three new ways to keep conversions from slipping away due to a slow website. Over the years, we’ve optimized performance for dozens of projects at PageSpeed.ONE.

Expands services

PageSpeed.ONE expands services with WordPress and Shoptet optimization and SpeedCare monitoring

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

Od verze 4.9 přidáváme další sadu dat, která vám pomůže rychleji odhalit problémy a lépe se rozhodovat o prioritách optimalizací.

Monitoring v4.9

Monitoring 4.9: více dat z Chrome UX Reportu

Sledujte vývoj naší aplikace v reálném čase.

Changelog

Hlavní změny? Automaticky si můžete pustit zkušební verzi testů PLUS, zrychlili and zpřesnili jsme úvodní část testování webů and pokračujeme učení rozhraní PageSpeed.ONE anglicky.

Monitoring v4.8

Monitoring v4.8: automatický trial and další

Nasadili jsme verzi 4.7.2 našeho monitoringu PageSpeed.ONE. Tento release přináší several úprav v uživatelském rozhraní i technickém zázemí, které zlepší vaši orientaci v aplikaci a zvýší spolehlivost měření.

Monitoring v4.7.2

Nasadili jsme změnu měření, která ovlivní hodnoty odezvy serveru (metrika TTFB) v syntetických datech.

Monitoring v4.7.1

Update měření TTFB v syntetice (release 4.7.1)

Máme tu čerstvou aktualizaci, která naučila náš monitoring mluvit anglicky a testovat svižněji než dřív.

Monitoring v4.7

Monitoring 4.7: nová verze, nový jazyk. Hello, world!

Nová verze monitoringu PLUS od PageSpeed.ONE přináší skóre rychlosti, zásadní vylepšení práce s poznámkami a přesnější notifikace Hlídače. Objevte, jak vám tyto změny mohou usnadnit optimalizaci rychlosti a sledování výkonu webu.

Monitoring v4.6

Minulý týden došlo ke změnám na infrastruktuře AWS, které způsobily dočasnou nestabilitu výsledků měření, včetně našeho Hlídače a jeho notifikací.

Update měření (v 4.5.1)

Představujeme další verzi monitoringu rychlosti webu PageSpeed.ONE. Zaměřili jsme se v ní hlavně na lepší vysvětlení vlastností monitoringu PLUS pro zájemce o něj.

Monitoring v4.5

Monitoring PageSpeed.ONE verze 4.5: nové landing pages, nápověda, typy navigací po měsících

Hodně (ale opravdu hodně) jsme pracovali na nápovědě. Dále také na automatickém spouštění monitoringu PLUS. Hlavní novinka ovšem potěší každého, kdo má rád opravdu rychlé stránky.

Monitoring v4.4

Vychází verze 4.4 monitoringu rychlosti PageSpeed.ONE: Navigation Types, zřízení nového testu a mraky nápovědy

Přidali jsme nápovědu, pro potřeby vzdělávání našeho publika, Hlídače dali do reportu Shrnutí, dále zobrazujeme konkrétní hodnoty Metriky, ale máme i další vylepšení rozhraní.

Monitoring v4.3

Tester rychlosti verze 4.3: nápověda, vylepšení Hlídače, CrUX grafů a mnohé další

S radostí oznamujeme, že jsme právě spustili další verzi app.pagespeed.cz, našeho nástroje pro monitoring rychlosti webu.

Monitoring v4.2

Kromě Hlídače rychlosti a notifikací přináší tester PLUS mnoho dalších novinek, které usnadní sledování a vyhodnocování rychlosti vašich webů.

Tester v4.0 - Technické

Další novinky v testů PLUS (stabilní infrastruktura, report „Technické“ a poznámky v grafech)

Ve třetí části série vám představíme její vlajkovou loď nebo spíše vlajkonoše jakožto klíčového člena armády novinek. Pojďme se zaměřit na Hlídače rychlosti.

Hlídač a notifikace

Placený testy PLUS: hlídač rychlosti a notifikace

PageSpeed.ONE tester PLUS stavíme pro každého, kdo se profesionálně stará o weby a ví, že na rychlosti záleží, protože zlepšuje byznysové ukazatele.

Tester PLUS

testy PLUS pro všechny profíky, kteří chtějí rychlejší web

Po nedávném vydání verze 4.0 jsme pro vás připravili další várku vylepšení našeho nástroje pro monitoring rychlosti webu. Kromě dlouhé řady drobností a oprav chyb pro vás přinášíme také několik uživatelských novinek.

Tester v4.1

Tester verze 4.1: grafy v hlášeních, přehlednější modály a další

S velkou radostí vám představujeme tester rychlosti verze 4.0, na kterém jsme pracovali několik posledních měsíců.

Tester v4.0

Tester 4.0: nová verze „Shrnutí“, nové Metriky, nové grafy (a mnoho dalšího)

Vývoj našeho testeru rychlosti webů poskočil zase o kousek vpřed a tak vám teď velmi rádi představujeme novinky ve verzi 3.1.

Tester v3.1

Tester rychlosti PageSpeed.ONE: novinky ve verzi 3.1

Jak už jste si asi někteří všimli, web PageSpeed.ONE převlékl kabát a kromě toho postupně spouštíme třetí verzi našeho testeru rychlosti webů.

Tester v3.0

PageSpeed.ONE tester: co je nového ve  verzi 3.0

Když jsme loni v PageSpeed.ONE začali s vývojem testeru, měli jsme dva cíle. Vytvořit nástroj, který by pasoval do našich pracovních postupů pro měření rychlosti webu, a zároveň jeho prostřednictvím pomoci zlepšit povědomí o rychlosti samotné.

Tester v2

Tester verze 2: Data od uživatelů z Chrome UX Reportu a další změny

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.ONE!

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

Proč rychlost webu?

Proč optimalizovat rychlost webu?

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?

Core Web Vitals (CWV) is a fundamental set of metrics from Google designed to capture website loading speed and user experience. Let’s explore what metrics it includes, why they matter, and how to measure them.

Core Web Vitals (CWV)

Core Web Vitals

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

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 se problémům s CLS vyvarovat a také, jak je můžete odstranit, když už se stanou.

CLS optimalizace

Optimalizace metriky CLS

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

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“

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

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č“

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

Report „Stránky“

TTFB reflects the speed of the server (or infrastructure), the server-side application, and also the network speed between the server and the user’s browser.

Time To First Byte (TTFB)

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.ONE k efektivnímu monitorování a optimalizaci technických ukazatelů vašeho webu.

Report „Technické“

First Contentful Paint (FCP) is a metric that measures the time from when a page starts loading to when any part of the page’s content is rendered.

First Contentful Paint (FCP)

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“

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

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

Nastavení uživatele

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í

V PageSpeed.ONE č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?

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

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

The world of the Largest Contentful Paint (LCP) metric is akin to the thrill of a high-speed racetrack—it’s an endless race against time.

Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) Metric: A Guide to Faster Web Loading

Google introduces the new Interaction to Next Paint (INP) metric, set to replace the First Input Delay (FID) metric among the top three Core Web Vitals metrics in March 2024.

Interaction to Next Paint (INP)

Interaction to Next Paint (INP): Tackling Slow Interactions

Annoyed when an ad pushes away the text you’re reading? Frustrated when content jumps just as you’re about to click, causing a misclick?

Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) Metric: How to Identify and Eliminate Unwanted Page Shifts

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

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?

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)

Poznámky v grafech vám umožní snadněji vyhodnocovat vliv změn, které jste na webu udělali. Monitoring PageSpeed.ONE 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

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?

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

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?

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

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.

Lazy loading obrázků

Lazy loading obrázků: podrobný průvodce pro zlepšení LCP

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

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)

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

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

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 <Suspense> 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

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

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?

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

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

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

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

Cookie lišty a rychlost

Cookie lišty a rychlost webu

Máte rádi WebExpo a máte 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

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.

WebP obrázky

WebP obrázky: jak ušetřit cenné kilobajty

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

Ceník

Ceník pro monitoring PLUS

Formát AVIF nabízí ještě lepší kompresi než WebP. Podívejme se, kdy má smysl ho použít a jak implementovat fallback pro starší prohlížeče.

3 documents tagged with “Documentation”

Monitoring PageSpeed.ONE verze 4.5: nové landing pages, nápověda, typy navigací po měsících

Tester rychlosti verze 4.3: nápověda, vylepšení Hlídače, CrUX grafů a mnohé další

Vychází verze 4.4 monitoringu rychlosti PageSpeed.ONE: Navigation Types, zřízení nového testu a mraky nápovědy

Preferences