WebExpo 2023: přednášky o optimalizaci rychlosti

27. 4. 2023

Article

Letošní WebExpo je za námi. Bylo to krásné. Bylo to intenzivní.

Patřím mezi velké fanoušky multioborových přesahů téhle webařské konference. Ale když se v programu objeví něco kolem rychlosti, pak jasně, že sedím v první řadě.

WebExpo už vypouští záznamy, takže se můžete podívat na několik přednášek, které se dotýkaly rychlosti a vylepšit tak své dovednosti při optimalizacích.

Harry Roberts: Optimising Largest Contentful Paint

Když přijede Harry, jdeme na Harryho. To je zákon. Dřívější expert na CSS aka CSS Wizardry se nyní plně ponořil do performance. Své přednášky vždy koncipuje jako detailní a hloubkový průzkum konkrétního tématu.

Pokud o metrice LCP nic nevíte, tohle si pusťte. A vězte, že o metrice vykreslení největšího obsahu pravděpodobně zase tak moc nevíte, i když si to třeba myslíte. LCP totiž ze všech Web Vitals splňuje doporučené limity na nejmenším počtu webů. I já jsem se v Harryho přednášce naučil leccos nového, třeba význam atributu decoding na obrázcích, které jsou LCP prvky.

Scott Jehl: Experimenting with performance at the edge

První část téhle přednášky osloví ty, kteří stále nejsou přesvědčení, že rychlost webu má cenu řešit. Čekejte spoustu užitečných čísel, grafů, argumentů, které už třeba konečně přesvědčí vašeho šéfa nebo klienta, že rychlost je důležitá.

Po dlouhém úvodu Scott ukázal Experiments ve WebpageTestu, které vám umožní otestovat vliv změny kódu na rychlost přímo na produkčním webu. To je velmi zajímavé a určitě si to zkuste.

Martin Michálek: Shift happens: Dealing with Cumulative Layout Shift (Case Study)

Musím vás pozvat také na sledování záznamu své přednášky, což je pro mě vždycky trochu ošemetné. Ve dvaceti minutách jsem se pokusil ukázat detailní znalosti potřebné pro optimalizaci nové a méně probádané metriky CLS.

Ukazoval jsem to na případové studii práce pro našeho milého klienta – Goldea.cz. Některé optimalizace už zvládáme docela snadno, ale zde jsme se zapotili a sami se o Cumulative Layout Shiftu dozvěděli leccos nového a překvapivého.

Víte, jakými nástroji CLS měřit a proč to nedělat pomocí Lighthouse? Víte, co s CLS udělá udělá flexbox v navigaci a co posuvník na Windows? Zodpoví vám to moje přednáška.

Velmi příjemně mě překvapily ještě další dvě přednášky, které se tématu rychlosti webů dotýkaly:

Bylo to bezva. Tak ahoj na WebExpu 2024!

Ale ještě dříve se uvidíme na Reshoperu 2023, už 17. května 2023.

Martin Michálek

Martin MichálekMartin je hlavní kontakt pro vás. Znáte jej také jako autora blogu Vzhůru dolů, publikací pro webaře a propagátora rychlosti.

Jak je rychlý váš web?

Jak rychlý je váš web v porovnání s vaší konkurencí? To zjistíte
pomocí našeho online testeru.

Další související články k tématu

Klíčová dovednost vývojáře: testování Web Vitals v prohlížeči

Klíčová dovednost vývojáře: testování 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í.Číst dále

Co se nám povedlo: úspěšné optimalizace rychlosti a noví klienti v roce 2022

Co se nám povedlo: úspěšné optimalizace rychlosti a noví klienti v roce 2022

Rok 2022 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. Začali jsme také pracovat ve čtyřčlenném týmu – kromě mě, Michala a Zuzky ještě s Radkem.Číst dále

Tester rychlosti PageSpeed.cz: novinky ve verzi 3.1

Tester rychlosti PageSpeed.cz: novinky ve verzi 3.1

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.Číst dále