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

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:

• Ondřej Čermák: How to make sure your system doesn’t blow (up) - škálování pro performance nemusí vždy pomoci. Základ je dobře měřit. Přesně tak! A ještě jedna věc – dávejte si pozor na fronty.

• Server-Side: The newest website tracking concept: Pavel Šabatka - pěkně podané argumenty proč zvážit serverové GTM, jak to zhruba udělat a co to stojí. Je to jednodušší než jsem si myslel a s rychlostí to může docela slušně pomoci.

Bylo to bezva. Tak ahoj na WebExpu 2024!

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