Archiv Newsletterů

Duben 2024

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

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

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

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

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.cz 4.2

Vychází tester PageSpeed.cz 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

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

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

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

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

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

Odhadněte si návratnost investice do rychlosti

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

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

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

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

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

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

Září 2023

Reportáž ze SmashingConf Freiburg 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 %

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

Srpen 2023

Náš průvodce metrikou CLS

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)

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é

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

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?

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

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

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>

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 Viscomiho, které vám pomůže pochopit ideální pořadí prvků, a zároveň graficky vyznačuje současný stav na stránce.

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

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

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

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?

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

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 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.cz: novinky ve verzi 3.1

Tester rychlosti PageSpeed.cz: 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.

Jak měřit Core Web Vitals na SPA

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?

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

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?

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?

Co se nám povedlo v roce 2022?

Minulý rok byl pro PageSpeed.cz 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.

Jak optimalizovat rychlost webů v roce 2023

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

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 optimalizovat metriku Interaction to Next Paint (INP)

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

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.

Web Performance Calendar se blíží

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?

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