Archiv Newsletterů

Leden 2026

Metrika JS Long Tasks pod drobnohledem

INP, TBT, JS Long Tasks. Jde vám z javascriptových metrik hlava kolem? Článek v naší nápovědě vám to vysvětlí. Navíc přidáváme příklady z praxe a konkrétní doporučení jako optimalizaci DOMu nebo code splitting.

Web Almanac 2025: Zrychluje se internet?

Core Web Vitals plní stále více webů. U mobilů to bylo v roce 2023 36 % webů, nyní je to 48 %. U desktopu je změna z 48 % na 55 %. Celých 16 % webů stále chybně lazy-loaduje LCP obrázky. Nově sbíráme také data o Long Animation Frame (LoAF).

AVIF: Ultimátní datová úspora

Formát WebP je skvělý, ale můžete mít víc. AVIF má totiž lepší kompresi než WebP, podporuje průhlednost, nekostičkuje (blocking artifacts), umí HDR a více barevných prostorů. Pozor jen na vyšší zátěž serveru při generování.

Prosinec 2025

Nepříjemná pravda o případovkách

Martin Michálek varuje před nekritickým šířením mýtů 100 ms = 1 % tržeb. Většina studií (včetně těch od Walmartu či Amazonu) zaměňuje korelaci za kauzalitu nebo ignoruje fakt, že bohatší uživatelé mají prostě rychlejší zařízení. Řešení? Poctivé A/B testy a statisticky hodnotná vlastní data.

React 19.2: Možnosti optimalizací INP

Jak implementovat novinky z Reactu 19.2 vám ukáže ve svém článku Michal Matuška. Připravil si praktické ukázky, jak na novou komponentu Activity. Pozor dejte například na Server Side Rendering. React nevkládá skryté komponenty Activity do HTML a to může být problém pro SEO.

Jak důležitá je metrika Interaction to Next Paint?

V ContentSquare analyzovali data 997 uživatelů jejich webu. Výsledkem je, že INP korelovalo s mírou okamžitého opuštění a uživatelé se špatným (poor) INP měli o 15 % vyšší pravděpodobnost výskytu frustrace (rage clicks). Uživatelé s dobrým INP měli konverzní poměr 2,5 %, zatímco ti s špatným (poor nebo needs improvement) INP pouze k 2 %. To představuje změnu o 25 %.

Listopad 2025

Nůžky mezi pomalými a rychlými zařízeními se stále více rozevírají

Každoročně se těšíme na grafy rychlosti zařízení od Alexe Russela. Bohužel, výsledky už nás tolik netěší. Mediánová mobilní stránka je každým rokem datově větší a výkon levných telefonů od Androidu neroste, proto setření každého kB zůstává dále tématem.

Rabující roboti na webu: Komentář Martina Michálka

Provozovatelé webů mají o starost více. Řítí se totiž lavina AI scrapování, která zvyšuje náklady na provoz, zhoršuje odezvu serveru (TTFB) a zpomaluje weby pro reálné uživatele, kteří by měli generovat tržby. Zbytek zamyšlení čtěte na Seznam Zprávách.

Videa z konference perf.now() 2025

Už teď si můžete pustit přednášku Barryho Pollarda o Speculation Rules API a Michala Mocneho o měření metrik na stránkách se soft navigací. Další videa budou z největší konference o rychlosti přibývat průběžně.

Říjen 2025

Michalova přednáška z FrontKonu o CrUX

Data z CrUX jsou zásadní zdroj informací, jak se daří vašemu webu v reálném světě uživatelů. Kromě základních metrik zde dostanete i data pro prodlevu mezi serverem a uživatelem nebo pro detailní ladění LCP. Více ve čtvrté nejlépe hodnocené přednášce Michala Matušky.

Rychlostně našlapaná verze React 19.2

React vydal pro rychlost velmi zajímavou verzi. Mezi novinkami najdete třeba napojení profilingu na timeline, kdy konečně dostaneme dostaneme detailní performance profily přímo v Chrome DevTools nebo komponentu Activity, která šetří výkon.

Historie a budoucnost Core Web Vitals

Addy Osmani publikoval na svém blogu rozsáhlý text o vývoji metrik CWV a přístupu Google k rychlosti. Extrémně zajímavý je pohled do budoucna, protože se metriky CWV určitě budou dále vyvíjet. Zkoumá se třeba metrika plynulosti překreslování obrazovky a hledá se řešení, jak měřit metriky v SPA.

Září 2025

Případová studie deNatura

Během úspěšné vícestranné spolupráce se nám povedlo na webu deNatura dostat metriky Core Web Vitals do zeleného pásma a výsledkem je o 17 % vyšší návštěvnost z Google. Jak jsme si poradili s optimalizací Shoptetu čtěte na našem webu.

Chrome má MCP server pro DevTools

Chrome udělal další velký krok ve světě AI a vývoje webů. MCP server pro DevTools umožní vašim AI asistentům vést rozhovor o debugování webů přímo v prohlížeči. Je také možné nahrát a analyzovat záznam v záložce Performance.

Martin Michálek v podcastu WebTop100

Martin si povídá s Michalem Mládkem o tom, proč je rychlost webu pořád klíčová pro byznys, proč nestačí jen Core Web Vitals, jaké jsou mýty kolem hostingu, nejčastější chyby firem i jak AI mění roli webů.

Srpen 2025

Cyklistika a weby jsou o rychlosti

Harry Roberts na blogu publikoval článek, kde srovnává weby značek cyklistického vybavení, které sponzorují týmy na Tour de France. Kromě kompletního žebříčku webů dle výsledků Core Web Vital je zde i pár doporučení ke každé stránce.

Vaše tajná zbraň pro rychlejší a stabilnější web

Cloudflare je nástroj, který je v základní variantě zdarma. S čím vám pomůže a proč ho doporučujeme všem? Může totiž pomoct s DDos útoky, zajistit vyšší dostupnost webu a snížit zátěž na serveru. Jak nastavit Cloudflare pro svůj web najdete v našem článku.

Jak zabránit AI botům procházet váš web?

Paul Volcano dal dohromady statistiky používání robots.txt pro AI boty na webech. V poslední době čím dál více projektů řeší velký provoz na webech kvůli přístupům AI crawlerů a nastavují v robots.txt vlastní pravidla. Třeba 21 % z tisícovky nejpopulárnějších webů mají pravidla pro tyto roboty.

Srovnání rychlosti SaaS webů

V praxi často slýcháme názor, že co je za přihlášením, to se měřit nemusí. Každopádně rychlost SaaS webů je téma samo o sobě. Jak tedy dopadlo srovnání 19 platforem jako Asana, Slack, Trello nebo Jira dle rychlosti, spolehlivosti a stability?

Červenec 2025

E-shop pomalý jak pondělní ráno?

Na Podnikatel.cz vyšel text o rychlosti e-shopů. Kromě expertů jako Honza Bartoš nebo David Kazda do něj přispěl i Martin Michálek. Článek shrnuje důležité know how pro váš byznys, například jaké chyby snižují konverzní poměr, jak jej vylepšit a spoustu dalšího.

Rychlost webu je týmová disciplína

Zajímavý přístup Scotta Moore ke kultuře rychlosti. Pojďme se pobavit, jak tým více sblížit, přestat rozdělovat rychlost webu na backend a frontend a začít ji vnímat komplexně end-to-end. Článek sumarizuje, co kdo řeší, a nabízí návod, jak si více porozumět nebo jaké metriky sledovat.

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

Do naší Nápovědy přibyl text o dalším z oblíbených javascriptových frameworků. Problém s rychlostí Vue.js obvykle pramení z lidských chyb, ne z frameworku samostného. Pohlídejte si hlavně architekturu, testujte na nevýkonných zařízeních a optimalizujte na základě osvědčených postupů.

Červen 2025

Záznamy přednášek z WebExpo 2025 jsou online

A vy se můžete podívat i na dvě přednášky ze světa rychlosti webů. Tammy Everts v přednášce propojila téma rychlosti webů a uživatelského zážitku s byznysovým metrikami. Tim Kadlec zase mluvil o implementaci CSS View Transition nebo Speculation Rules.

Využití Performance záložky v DevTools naplno

Paul Irish ve videu prakticky ukáže spoustu zajímavých funkcí. Za zmínku stojí nové označování elementů zhoršujících metriku CLS, přidávání skriptů do seznamu ignorovaných nebo lépe personalizovaná AI nápověda k výkonu webů.

Jak měřit LCP pro jednotlivé stránky SPA?

Pokud vás trápí tato otázka, odpověď najdete v článku od lidí ze Speed Kit. V jejich řešení se dostaneme pod pokličku čtení a zápisu src atributu v img, což tvoří základ měření. Pozor, je to hodně technické a experimentální. „Geekovina“ jak říkáme my v týmu PageSpeed.ONE.

Květen 2025

Jak zrychlit e-shop na Shoptetu? Naše rady a tipy

Mít e-shop na Shoptetu znamená pořídit si dobře postavený základ. Ale i ten nejlepší e-shop potřebuje pravidelnou péči. V našem článku odhalíte nejčastější problémy na této platformě, třeba nešikovné úpravy designu, přidávání doplňků a skriptů třetích stran bez sledování vlivu na rychlost.

Optimalizace výkonu Next.js

Pojďme nahlédnout do hlavy programátorům, kteří optimalizují LCP na projektu postaveném na Next.js a přečtěte si tento článek. Stěžejními tématy jsou odložení nekritických zdrojů v hlavičce, oprava hydratace a dvojitého vykreslení LCP elementu.

Virtuální meetupy PerformanceObserver

Žijete a dýcháte proto, aby byly weby každý den rychlejší? Pak přesně pro vás jsou virtuální meetupy PerformanceObserver. Komunita okolo webové rychlosti je roztříštěná po celém světě, a takto se může spolu propojit. Zveřejnili zatím hlavně přednášky ohledně INP.

Duben 2025

Jak na optimalizaci webfontů

Fonty ve formátu TTF nebo SVG stále úplně nevymizely. Pokud nechcete na svém webu vyrobit podobné rychlostní „faux pas“, přečtěte si náš článek o optimalizaci webfontů. Zjistíte, jaké formáty jsou dneska potřeba nebo jak se zbavit přebytečných znaků v řezech fontů.

To nejlepší z optimalizací Reactu a Next.js

Pojďte se ponořit do reálných případových studií, ve kterých odhalíte výzvy, řešení i výsledky. Těšit se můžete na pokročilé optimalizační techniky v produkčních aplikacích běžících na React/Next.js u obřích projektů, například DoorDash, Vio nebo Preply.

Z nuly na sto: jak QuintoAndar zoptimalizoval INP

QuintoAndar, největší brazilský portál nabízející pronájmy, se může pochlubit zlepšením INP z 1000 na 216 ms. Povedlo se to díky async optimalizacím, React transitions a odstranění zbytečných skriptů. Konverze na webu pak i díky tomu meziročně vzrostly o 36 %.

Březen 2025

Vše, co potřebujete vědět o rychlosti webu na MDN

Na webu MDN vyšel velký průvodce rychlosti webu. Dopodrobna se tak můžete dozvědět o fundamentálních tématech tohoto oboru, třeba jak použít dns-prefetch, jak prohlížeč vykresluje stránku nebo o performance CSS a javascriptových animací.

Na technickém SEO a rychlosti webu záleží

Rychlost načítání a SEO dělají rozdíl mezi webem, který prodává, a webem, který se ztrácí v průměru. Investice do těchto oblastí může přinést náskok, kterou konkurence jen těžko dožene. Další argumenty najdete v článku od Martina Stepanka.

Proč by monitoring rychlosti měla mít každá vývojářská agentura?

Kdo jiný by měl být garantem rychlosti než vývojářská agentura? Monitoring může být součástí pravidelné údržby nebo balíčků služeb. Další důvody, proč náš monitoring používají agentury jako PragueBest nebo Programia najdete v článku od Martina Michálka.

Únor 2025

Na velikosti záleží: jak na efektivní DOM

Neefektivní struktura stránky může výrazně zpomalit váš web a zhoršovat metriky Core Web Vitals. Michal Matuška pro vás sepsal své bohaté zkušenosti. Dozvíte se, proč je struktura DOM klíčová, jak ji změřit a samozřejmě – jak optimalizovat DOM a zrychlit weby.

Mnoho způsobů, jak rozdělit dlouhé úlohy v JavaScriptu

Dlouhé synchronní úlohy v JavaScriptu trápí všechny weby. Alex MacArthur napsal pěkný článek, ve kterém popisuje možnosti rozdělení úloh. Zmiňuje třeba async/await, setTimeout, scheduler.postTask nebo requestIdleCallback. Geekové přes rychlost budou mít radost.

Vše, co potřebujete vědět o performance budgets

Jak přemýšlet o performance budgets popisuje v novém článku Zuzana Šumlanská. Chcete limity měření nastavit správně? Analyzujte data, nastavte limity na nejhorší stav, začněte s nejdůležitějšími metrikami a pravidelně měření kontrolujte. Pro další tipy čtěte článek.

Leden 2025

Na velikosti záleží: jak na efektivní DOM

Mnoho způsobů, jak rozdělit dlouhé úlohy v JavaScriptu

Vše, co potřebujete vědět o performance budgets

Leden 2025

Velký horoskop rychlosti webu: co přinese rok 2025

Začátek roku vždy vybízí k predikcím trendů. Podle Uxify se bude v roce 2025 řešit metrika INP, zapojení AI do optimalizací, upouštění od SPA architektury webu nebo podpora Core Web Vitals ve všech moderních prohlížečích. Těšíme se, co rok 2025 přinese.

Novinky v DevTools a využití AI pro performance

Chrome DevTools nově nabízí experimentální funkci AI asistence pro pomoc s rychlostí webu. Po zaznamenání timeline se můžete AI dotázat a zanalyzovat určité problémy tak, jak to znáte z jiných nástrojů. Už jste vyzkoušeli tuto funkcionalitu?

Socials podcast: jak rychlost webu ovlivňuje byznys?

Na to vám odpoví Martin Michálek, který si povídal s Otakarem Lucákem a Danielem Bauerem. Tentokrát ale s důrazem vlivu na marketing nebo obecně byznys webů. Dostali se samozřejmě i k byznysovým číslům a velmi konkrétním radám, co s rychlostí dělat.

Prosinec 2024

Keyword Vitals: sledujte rychlost přímo v SERP

Velkým pomocníkem pro hodnocení vlivu rychlosti na SEO se může stát rozšíření pro Chrome s názvem Keyword Vitals. Po instalaci jednoduše vyhledáte klíčové slovo v Google a pak ve výsledcích hledání uvidíte hodnoty Core Web Vitals, ale také korelaci metrik s umístěním a cílové hodnoty metrik.

Jak používat Speculation Rules?

Speculation Rules API jsou stále novinka, a proto vítáme článek od Harryho Robertse. V něm se například dozvíte, jak využít prefetch pro předběžné načtení a snížení TTFB. Líbí se nám Harryho přemýšlení do hloubky problematiky a jeho vrstvený přístup ke Speculation Rules. Velmi hodnotné!

Performance.now(); Za hranice Core Web Vitals

Po dvou letech se Michal Matuška vydal do Amsterdamu na konferenci Performance.now(), kde přednášely největší špičky oboru. Super přednášky měli Harry Robers, Tammy Everts nebo Paul Calvano. Chcete zjistit, jaká témata hýbou světem rychlosti? Čtěte náš článek.

Listopad 2024

Jak na optimalizaci Reactu: 6 tipů pro lepší Core Web Vitals

V Reactu sice najdeme chytré optimalizační techniky, ale jeho výkon vždy závisí na tom, jak jej používá vývojář. V článku od Michala Matušky se naučíte jak využít Suspense, Server Components nebo jaký vliv na rychlost má velikost DOMu.

Optimalizace rychlosti: jak pomoci na backendu

Že na backendu nemůžete pomoct s rychlostí webu? Omyl. Těch možností, jak rychlost webu ovlivnit, je mnoho. Pro Nápovědu sepsala Zuzana Šumlanská tipy, zahrnující bezztrátovou kompresi, UTM parametry, Early Hints nebo Speculation Rules API.

Proč všichni chceme, aby Safari umělo Core Web Vitals?

Metriky Core Web Vitals od Google se staly průmyslovým standardem, nicméně stále je můžeme měřit pouze v prohlížečích s jádrem Chromium. Hodnoty metrik v Safari neznáme. Proč by bylo dobré to změnit si přečtěte v článku Briana Luise Ramireze.

Říjen 2024

setTimeout() a optimalizace INP: „Celé je to jenom hack“

Určitě jste se v mnoha článcích setkali s radou odložit nedůležité skripty pomocí funkce setTimeout(). Jak to ale funguje? Michal Matuška napsal text, který do hloubky vysvětluje způsob práce se setTimeout(), ale také rizika této metody.

Proč je ten web tak rychlý?

Napadá vás občas stejná otázka? Podívejte se na video Wese Bose, ve kterém rozebírá technologie za webem McMaster.com. Zazní tam konkrétní techniky jako použití preloadu nebo Speculation Rules API. Chcete návnadu? Web ve videu používá jQuery.

BFcache bude nově fungovat také s Cache-Control: no-store

Až 17 % návštěv na mobilech nemůže využít mezipaměť pro procházení historie v prohlížeči, protože na webu je přítomná hlavička no-store. Chrome umožní kešování i v takovém případě, což zlepší rychlost mnoha webů. Těšíme se!

Září 2024

Svět Svítidel: Jak nepokazit redesign z pohledu rychlosti?

Redesign webu, obzvlášť pokud je stávající verze již pekelně rychlá, není snadná disciplína. S naším klientem, provozujícím e-shop Svět Svítidel, se to ale povedlo. Do případové studie jsme sepsali naše zkušenosti a doporučení, jak se s takovým projektem vypořádat.

Nové měření rychlosti stránky v Chrome DevTools

Ve verzi Chrome 129 se vývojáři mohou těšit na novinky v záložce Performance. Ta nabízí jiný pohled na rychlostní metriky naměřené lokálně a výsledky srovnává s metrikami získanými od reálných uživatelů. Může to nahradit známé rozšíření Web Vitals.

Speed Brain: nová rychlostní funkcionalita Cloudflare

Cloudflare přichází s novou službou, která s pomocí Speculation Rules API přednačítá stránky. To může zkrátit celkovou dobu načtení. Speed Brain aktuálně předběžně načítá statický obsah, ale do budoucna je prý v plánu implementovat i prerendering.

Srpen 2024

Jak najít LCP element?

Napsali jsme návod, jak spolehlivě najít LCP element. Metrika Largest Contentful Paint je jedna z nejdůležitějších, ale poradit si s ní nemusí být vždycky jednoduché. V návodu se dozvíte, jak najít LCP element v PageSpeed Insight, Lighthouse nebo DevTools.

Blocking=render zajistí u načítaných zdrojů blokování vykreslení

Google se do svého prohlížeče Chrome chystá implementovat atribut blocking=render. Ano, takový atribut zařídí, že načítaný zdroj bude blokovat vykreslení. Proč bychom něco takového vůbec chtěli? Využítí atributu popisuje Harry Roberts.

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

Speculation Rules přináší možnost jak přednačíst, nebo dokonce předběžně vykreslit jinou stránku. Speculation Rules můžete definovat přímo v HTML. Více o tématu se dozvíte v našem článku, kde se zaměřujeme také na praktické možnosti využití.

Červenec 2024

Monitoring PageSpeed.ONE ve verzi 4.4

Nová verze našeho nástroje je zase o kus lepší. 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 okamžitě se načítající stránky.

Navigation Types: nový pohled na uživatelskou zkušenost

Rychlé načtení je fajn, ale co okamžité načtení? Znát různé typy navigace je důležité, protože některé z nich jsou daleko rychlejší než jiné. Cílem je převést co nejvíce uživatelů na rychlé typy navigace. Tuhle novinku jsme pro vás rozebrali v naší dokumentaci.

Věčný boj s DOMem: snižte počet elementů a zanoření

Proč má velikost a počet zanoření v DOMu tak velký dopad na rychlost webu? Maxi Ferreira se pustil do experimentu, ve kterém vysvětluje principy fungování prohlížeče, měří dopad zanoření DOMu na vykreslení stránky a rozebírá, jak do toho promlouvají vaše CSS.

Červen 2024

Udělejte si jasno: rozdíly mezi syntetikou, CrUX a RUM

Z praxe víme, že rozdíly mezi různými měřeními rychlosti dělají problém i poměrně zasvěceným osobám. Pojďme si proto v tomto textu definovat co je syntetika („synth“), co data od uživatelů Googlu („CrUX“) a co data od všech uživatelů („RUM“).

Co je nového kolem performance v Chrome Dev Tools

V DevTools najdete nové funkce. Třeba v panelu Network, kde nyní jde lépe debugovat hlavičky Early Hints nebo v záložce Performance, kde na vás čeká nové zatržítko „Enable CSS selector stats“, díky kterému můžete analyzovat výkon selektorů.

Záznamy z meetupů WebPerf.cz jsou dostupné online

Pro potřeby setkávání komunity WebPerf.cz jsme letos zorganizovali dva meetupy, jeden v Praze a jeden v Bratislavě. Obě akce byly povedené a nyní můžete načerpat know-how z nich na jednom místě, včetně našich stručných zápisků.

Květen 2024

Monitoring rychlosti ve verzi 4.3

Náš nástroj pagespeed.cz neustále vylepšujeme. Přidali jsme například graf vývoje rychlosti zobrazující 75. percentil a do Shrnutí výsledky z Hlídače. V nové dokumentaci vám navíc budeme předávat naše znalosti.

Tipy, jak optimalizovat metriku LCP

Nejnovějším příspěvkem do naší dokumentace je článek o optimalizaci metriky LCP. Dozvíte se, jak využít Priority Hints, přednačtení nebo líné načtení ke zlepšení rychlosti vašich webů. Používáte už všude datově výhodný obrázkový formát WebP?

Rozšíření pro Chrome a jejich vliv na rychlost

DebugBear vydal novou studii vlivu rozšíření na výkon prohlížeče. Výsledky jsou velmi zajímavé. Vliv rozšíření je mnohem vyšší než před 3 lety. A kdo jsou aktuálně hlavní viníci zpomalování výkonu? Rozšíření pro AI a Copilot jako Monica, Merlin nebo Sider.

Duben 2024

Naučte se performance na WebExpo od světové špičky, Harryho Robertse

Harry Roberts je světová hvězda rychlosti webu a v rámci konference WebExpo vede 31. května celodenní workshop „How to think like a performance engineer“. Těšit se můžete na profesionální tipy, jak být lepší. Využijte tuhle jedinečnou šanci.

INP na Lupě: jak zlepšit uživatelskou zkušenost a třeba i zvýšit konverze

Martin Michálek napsal pro Lupa.cz obsáhlý článek o metrice INP, ve kterém se dozvíte vše potřebné, tentokrát i velmi přístupnou a netechnickou formou. To nejdůležitější? INP řešte co nejdříve, začněte monitoringem, uživateli dávejte okamžitou reakci a zkraťte dlouhé úlohy.

Spouštíme novou dokumentační zónu

Dlouho nám chybělo jedno místo, kde bychom shromažďovali veškeré informace ohledně rychlosti, a proto spouštíme nápovědu PageSpeed.ONE. Najdete zde širší znalosti týkající se rychlosti webu, metriky a časem i dokumentaci k nástroji. „Helpku“ budeme průběžně doplňovat, máme s ní velké plány.

Březen 2024

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

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. Pokud chcete využívat i vaším webem, přečtěte si Radkův článek na blogu.

Krok za krokem: Jak optimalizovat INP

Dobrých článků o INP není nikdy dost a tento od Andyho Daviese je skvělý. Pokrývá totiž i téma identifikace dlouhých interakcí a krok za krokem poskytuje návod, jak tyto interakce interpretovat a optimalizovat.

Vylepšení Speculation Rules API

Od Chrome verze 122 je dostupné vylepšení Speculation Rules API. To je nativní způsob, jak předrenderovat odkazy, na které se můžete prokliknout z aktuální stránky v prohlížeči. Načtení je pak okamžité. Novinkou je například možnost nastavit eagerness, která specifikuje, kdy pravidla pouštět.

Únor 2024

Vychází tester PageSpeed.ONE 4.2

Aktuálně jsme nasadili novou verzi testeru s novinkami zejména na základě přání uživatelů tarifu PLUS. Nyní můžete za příplatek testovat více URL nebo domén, přidali jsme metriku pro hlídání third-party JS, nemůže chybět INP a nově můžete posílat notifikace do více Slacků nebo Teams. Změn jsme udělali hodně a proto čtěte náš článek.

Jak vkládat 3D modely na web

3D modely jsou stále okrajové téma, proto jsme rádi za článek Jasona Grigsbyho, který pokrývá nejběžnější komponenty pro zobrazení 3D modelů, formáty souborů, uživatelskou zkušenost, optimalizace a možnou budoucnost, kterou naznačil Apple novým HTML elementem <model>.

Performance Inequality Gap 2024

Zajímá vás srovnání výkonnosti nejnovější iPhonů s běžným Android zařízením za pár tisíc? V jakých zemích si mohou nechat zdát o 5G mobilním připojení? A co to všechno znamená pro vývojáře v kontextu rychlosti webu? Na to odpoví článek Alexe Russela.

Leden 2024

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

Hlídač rychlosti je základní funkcí našeho tarifu PLUS. Při jeho vývoji jsme kladli důraz na jednoduchost, automatizaci a dostupnost notifikací v různých kanálech. Jak se nám to povedlo? Posuďte sami v článku, který Hlídače rozebírá do detailu.

Optimalizace metriky CLS v praxi

Trápí vás na webu nesplněná metrika CLS? Radek Šír napsal na základě našich bohatých zkušeností nejčastější CLS problémy a jak je vyřešit. Věděli jste třeba, že po uživatelské interakci musíte stihnout vykonat akci v rozhraní do 500 ms?

Návod na měření INP pomocí Puppeteer

INP by mělo velmi brzy nahradit v Core Web Vitals metriku FID. Spousta vývojářů se s INP už pere, ale naráží na výzvy v podobě správného měření a odhalování problémů. Tsvetan Stoychev sdílí svůj pokus o automatizaci měření INP s využitím Puppeteer.

Prosinec 2023

Pusťte si záznam webináře ke spuštění tarifu PLUS

Ve videu řešíme například tipy na optimalizaci metriky LCP, seznamujeme vás s novou metrikou INP, uvádíme příklady problémů z naší zkušenosti a také ukazujeme vymoženosti tarifu PLUS.

Web Performance Calendar: každý den článek ze světa rychlosti

Prosinec je dobrým měsícem, kdy se můžete vzdělávat o rychlosti webů články od expertů z různých koutů světa. Letos se řeší témata jako INP, vyjádření rychlosti jedním souhrnným skóre nebo optimalizace JS knihoven.

Odhadněte si návratnost investice do rychlosti

Základní otázka majitelů webu je, zda se jim investice do rychlosti vrátí. S kalkulačkou ROI si můžete návratnost odhadnout. Stačí znát hodnoty jako měsíční návštěvnost, konverzní poměr a cena objednávky.

Listopad 2023

Článek: Placený tarif PLUS

Zjistěte více o tarifu PLUS v našem článku. Ten 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. Pokud jste majitelé webů, vývojáři nebo marketéři, čtěte.

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

Ještě před spuštěním tarifu PLUS jsme pro vás připravili várku vylepšení našeho nástroje. Těšit se můžete na nové grafy v hlášení Hlídače, upravené chování po změně URL v nastavení nebo přehlednější modály s výsledky testů.

Naučte se rozumět rychlosti v novém kurzu od Google

Google na stránkách web.dev zveřejnil nový kurz zabývající se rychlostí webů, který je určen pro nováčky v oboru. Zahrnuje klíčové koncepty a myšlenky, jak k rychlosti přistupovat a nabízí techniky pro zlepšení. Kurz je výborný, to nám věřte.

Říjen 2023

Spouštíme tester rychlosti verze 4.0

S velkou radostí jsme po měsících vývoje spustili nový tester. Těšit se můžete na spoustu novinek včetně nových metrik, reportů a nových grafů.

Pohled pod pokličku metriky INP

Metrika Interaction to Next Paint je přísnější než zastaralá FID. Optimalizace této metriky může zabrat i několik měsíců práce, proto je nejlepší čas se jí zabývat právě teď.

Zlepšení LCP pomocí zástupných obrázků nízké kvality (LQIP)

Náš oblíbenec Harry Roberts přináší text, jak zlepšit LCP. Připravte se na propočítávání velikostí, jelikož od verze 112 Chrome ignoruje obrázky s nízkou informační hodnotou.

Září 2023

Reportáž ze SmashingConf Freiburg 2023

Radek Šír se zúčastnil konference slavného Smashing Magazine, aby pro vás posbíral vědomosti kolem optimalizace rychlosti. Andy Davies ze SpeedCurve na místě mimo jiné ladil metriku INP a vy se díky Radkovi dozvíte, co pěkného tam ukazoval.

Jak pomocí BFcache zvýšit příjmy z reklam o 9 %

Pěkná případovka z Yahoo! JAPAN News založená na optimalizaci rychlosti pomocí BFcache (Back/forward Cache), se kterou si u klientů nyní také hrajeme. Kromě nárůstu příjmů z reklamy test ukázal, že se zvýšil počet zobrazení stránek na mobilech o 2,26 %.

Long Animation Frames API: nástroj pro identifikaci dlouho běžících úloh

Long Animation Frames API je návrh na inovaci aktuálního Long Tasks API. To slouží ke strojové identifikaci dlouhých úloh (long tasks) v JavaScriptu. Nové API zásadně rozšiřuje možnosti, které mohou být užitečné např. k optimalizaci metriky INP.

Srpen 2023

Náš průvodce metrikou CLS

Metrika Kumulativní posun layoutu je už dlouho součástí Core Web Vitals. Umí změřit nechtěné posuny layoutu, a Radek Šír ji umí optimalizovat. Čtěte jeho článek, který vám mimo jiné ukáže, jak zlepšit skóre CLS na vašich webech.

Video: The Cost Of JavaScript (2023)

Tohle je velmi zajímavá, navíc pravidelně aktualizovaná přednáška o vlivu JavaScriptu na rychlost. Autor? Addy Osmani, kdo jiný taky. Vývojářům doporučujeme podívat se, jak má JS stále více negativní vliv na performance webových stránek a co se s tím dá dělat.

INP a SEO lidé

S novou metrikou INP vám nedáme pokoj. Protože nemůžeme. V článku nazvaném „Interaction to Next Paint: What SEOs need to know“ se na metriku interaktivity dívají lidé z Wix očima expertů na SEO. V čem je jiná než FID? Jak ji optimalizovat?

Červenec 2023

Všechno, co potřebujete vědět o metrice LCP

Z naší dílny je další článek, který shrnuje důležité informace ohledně metriky Largest Contentful Paint. Navíc přidáváme také zkušenosti z naší praxe a možnosti optimalizace.

Můžeme nahradit formát GIF nějakým rychlejším?

Formát GIF je důležitá součást webových technologií, ale aktuálně je s námi již 36 let. Existuje modernější a úspornější formát pro animované obrázky? Krátká odpověď zní: ano. Pro porovnání formátů WebM, AVIF, MP4 a WebP čtěte článek níže.

DOMContentLoaded: důležitá a opomíjená událost v prohlížeči

Harry Roberts se pustil do obhajoby užití DOMContentLoaded, i když je aktuálně moderní využívat především uživatelské UX metriky. DOMContentLoaded totiž nabízí užitečné informace o načítání stránky a pomáhá odhalit problémy s asynchronním kódem.

Červen 2023

10 nových technologií a nástrojů pro vývojáře

Martin Michálek sepsal deset tipů na novinky ohledně rychlosti webů. Těšit se můžete na praktické ukázky kódů a informace o size-adjust, priority hints, BF cache nebo stále málo používané formáty obrázků WebP/AVIF.

Capo: Správné pořadí prvků v <head>

Pořadí prvků v <head> řešil před několika měsíci Harry Roberts a téma to bylo poměrně velké. Nyní vzniklo rozšíření do Google Chrome od Ricka vyznačuje současný stav na stránce.

Jak rychle se načítají vybrané evropské zpravodajské weby?

Ve SpeedCurve připravili obsáhlé srovnání rychlosti načítání různých webů. Podívat se můžete na weby dle zaměření, lokality a jednotlivých metrik. Jak si například vedly evropské zpravodajské weby, včetně Novinek.cz, v metrice LCP?

Květen 2023

Nejrychlejší české e-shopy jsou Hornbach, 3v1 T-shock

Nejrychlejší české e-shopy jsou Hornbach, 3v1 a T-shock

Přemýšleli jste někdy, který český e-shop je nejrychlejší? Mohou být dostatečně rychlé i velké e-shopy? A jak dopadl váš e-shop? Odpovědi na tyto otázky najdete v nejnovějším příspěvku na blogu PageSpeed.ONE.

Interaction to Next Paint bude součástí Core Web Vitals

Google oznámil zásadní změnu v Core Web Vitals. Metriku First Input Delay v březnu 2024 nahradí Interaction to Next Paint (INP). Tato metrika bude lépe reflektovat vliv JavaScriptu na prohlížení již načtené stránky.

Rozšíření Web Vitals pro Chrome má nové funkce

Identifikace problémů s metrikami Core Web Vitals bude nyní zase jednodušší. Rozšíření pro Chrome s názvem Web Vitals nově zobrazuje informace o metrice INP, dále vylepšuje logování do konzole u všech metrik.

Duben 2023

Jak si otestovat metriky Web Vitals v prohlížeči?

Vývojářům stále chybí znalosti týkající se testování Core Web Vitals v prohlížeči, tyto dovednosti jsou přitom stejně důležité jako umění dobře implementovaných funkcionalit. Zuzana Šumlanská v článku na našem blogu rozebírá, proč nepoužívat k testování Lighthouse, ale raději se zaměřit na Dev Tools.

Změna ve vyhodnocování LCP prvku

Zhruba od 6. dubna 2023 změnil Google pravidla pro vyhodnocování LCP prvku, a tím výrazně omezil možnost dělat různé hacky pro tuto metriku. Obrázky, které mají méně než 0,05 bitu obrazových dat na pixel, nejsou LCP prvky. Týká se to nejčastěji velkých a jednoduchých obrázků přes celý viewport nebo zástupných obrázků.

WebExpo 2023 naším (performance) pohledem

WebExpo bylo krásné a bylo intenzivní. Martin Michálek shrnul své dojmy z letošní konference, přičemž se zaměřil na přesah do rychlosti. V článku rozebírá zajímavé přednášky Harryho Robertse a Scotta Jehla a přidává postřehy z vlastní prezentace o metrice Cumulative Layout Shift.

Březen 2023

Tester rychlosti PageSpeed.ONE: novinky ve verzi 3.1

Na vývoji našeho testeru neustále pracujeme. Ve verzi 3.1 přinášíme možnosti úpravy nastavení testů, nových typů domén a vylepšení e-mailových reportů. Přidali jsme také možnost stažení výsledků ve formátu JSON pro nástroj Lighthouse a odstranili zastaralé metriky.

Nové Safari přináší novinky v oblasti performance

Při pohledu do changelogu nového Safari 16.4 se zaraduje srdíčko mnoha vývojářů. Z hlediska rychlosti webů přibyla vlastnost font-size-adjust a atribut loading=”lazy” pro iframe.

Jak měřit Core Web Vitals na SPA

Single page aplikace mohou být značným přínosem a nabídnout plynulejší zážitek uživateli. Na druhou stranu vytvářejí výzvy při měření Core Web Vitals, jelikož „soft“ navigace nebyly chápány jako unikátní návštěvy stránek. Nový Chrome 110 přidává experimentální možnost CWV na SPA měřit lépe.

Únor 2023

Máte na webu správně nastavenou kompresi?

Brotli a GZIP jsou nejrozšířenější druhy komprese CSS, JS a dalších souborů. Věděli jste ale, že můžete nastavit také úroveň komprese? Čím vyšší úroveň, tím vyšší datová úspora, ale také vyšší náročnost na výpočetní výkon a čas. Jak zvolit nejefektivnější úroveň komprese jsme sepsali do článku.

Lighthouse 10 změní způsob výpočtu metriky LPS

Google přichází s novou verzí nástroje Lighthouse, které se projeví ve verzi Chrome 112. Z výpočtu LPS nově mizí metrika TTI, naopak metrika CLS zvyšuje svůj podíl na výpočtu na 25%. Toto a mnoho dalšího již brzy ve vašich prohlížečích.

Jak na priority hints, preload a optimalizaci LCP?

Aktuálně máme dvě možnosti, jak prioritizovat soubory na webu. Buď pomocí preloadu, nebo priority hints. Zdánlivě jde o podobné techniky, ale je dobré znát jejich rozdíly, které popisuje článek Kevina Farrugia.

Leden 2023

Co se nám povedlo v roce 2022?

Minulý rok byl pro PageSpeed.ONE ostrým startem. Více než dříve jsme poskytovali poradenské služby zaměřené na optimalizaci rychlosti webu a rozvíjeli vlastní tester rychlosti. O dalších úspěších si můžete přečíst na našem blogu.

Trace.cafe: jednoduchý způsob, jak sdílet profily z Performance tabu

Během testování rychlosti webů může v Performance tabu člověk narazit na spoustu problémů, které potřebuje ukázat kolegům. Přinášíme vám tip, jak jednoduše naměřený profil nahrát na web a URL pohodlně sdílet.

Jak optimalizovat rychlost webů v roce 2023

Vývojáři z Chrome DevRel týmu dali dohromady množství doporučení, která podle nich budou nejefektivnější pro optimalizace rychlosti v roce 2023. Přečíst si můžete o fetchpriority, bfcache a dalších cestách, jak zrychlit web.

Prosinec 2022

Rychlost webu: 12 novinek roku 2022

V tomto článku se podíváme na některé vlastnosti, techniky nebo nástroje, které nás v roce 2022 nejvíce zaujaly. Těšit se můžete na Early Hints, projdeme změnu výpočtu metriky CLS, CSS vlastnost size-adjust a další novinky.

Jaký má dopad TOP 1 000 rozšíření do Chromu na rychlost webu?

Negativní vliv na rychlost webu mohou mít i rozšíření prohlížeče. A to velký. Nástroj Chrome Extension Performance Lookup vám ukáže, jaký vliv má při načítání webových stránek 1 000 nejpoužívanějších rozšíření prohlížeče Chrome.

Jak optimalizovat metriku Interaction to Next Paint (INP)

Dostává se nám do rukou stále více materiálů k experimentální metrice INP. Tentokrát od vývojářů z Google, kteří radí krok za krokem, jak postupovat při optimalizaci. Předpokládá se, že tuto metriku Google zařadí v roce 2023 do Web Vitals.

Listopad 2022

Konference Performance.now() 2022

Na konci října jsme se zúčastnili konference Perf.now() v Amsterdamu. Celkem jsme slyšeli 14 přednášek a nejlepší dle našeho názoru měli Harry Roberts, Ivan Akulov nebo třeba Nolan Lawson. Celý seznam a podrobnosti v našem článku.

Performance Insights: Jednodušší a přehlednější pohled na rychlost

Pokud chcete ladit rychlost, ale záložka Performance v Chrome DevTools vám přijde složitá, zkuste Performance Insights. Ten zobrazuje jenom nejrelevantnější informace, především týkající se Web Vitals. Podrobný návod, jak nástroj používat, sepsali na webu Chrome Developers.

Web Performance Calendar se blíží

Od roku 2009 je prosinec měsícem, ve kterém vychází Web Performance Calendar. Tento rok nebude výjimkou a od 1. prosince se můžete těšit každý den na text o rychlosti. My věříme, že si zde přijdete na své.

Říjen 2022

Element Timing: Jedna metrika vládne všem?

Nestačí vám LCP? Měřte vykreslení vlastního vybraného elementu. K tomu slouží Element Timing API, kterým můžete z prohlížečů vycházejících z jádra Chromium označit element, jehož moment vykreslení vás zajímá. Kdy je vhodné jej použít a jaká omezení to má?

Vše co jste (ne)chtěli vědět o třetích stranách

Web Almanach přišel s jedním ze svých pravidelných shrnutí. Tentokrát se týká JavaScriptů třetích stran. Věděli jste, že 94 % mobilních stránek využívá alespoň jednu třetí stranu?

Generátor size-adjust: systémová a webová písma v harmonii

Rozdíl mezi webfontem z designu vašeho webu a systémovým fontem může způsobovat nechtěné posuny layoutu. Naštěstí je pro zde pro tyto situace nová CSS vlastnost size-adjust a tento nástroj, který vám usnadní implementaci.