Za hranice Core Web Vitals: Report z performance.now() 2024

Již potřetí jsem se vydal navštívit nejprestižnější konferenci na téma „rychlost webu“, která se v Evropě koná.

Konference proběhla po páté opět v Amsterdamu, v prostoru bývalého kostela Zuiderkerk. To místo je jednoduše neuvěřitelné. Člověku se rozkmitají mozkové buňky jen tou atmosférou.

Organizátoři to zvládali s naprostým přehledem. Vše šlo jako na drátkách a program měl ten správný drive.

Některé přednášky byly tak nadupané, že jsem je sledoval se zatajeným dechem. Kolegům z PageSpeed.cz jsem se snažil dělat živý report a tak jsem měl místy problém i stíhat.

Co nám pátý ročník nabídl?

Díky poctivému záznamu jsem sestavil seznam podle mě nejlepších přednášek.

Tammy Everts - The Web Performance Landscape in 2024

Asi neexistuje lepší formát přednášky pro zahájení konference o rychlosti webu než je tento. Tammy shrnuje aktuální situací v oblasti rychlosti webu a nabízí zajímavé postřehy a globální statistiky. Zároveň otevřela téma, které následně rezonovalo celou konferencí. Každý rychlost vnímá jinak. Mladší generace jsou obecně čím dál netrpělivější, protože žijí v době rychlého internetu.

Harry Roberts - Site-Speed That Sticks

Kdo někdy viděl Harryho přednášet, ví, že je to záruka kvality. Tentokrát Harry zvolil jiný formát, než jsme u něj mohli vidět např. na našem Webexpu.

Přednáška vycházela z jeho zkušeností konzultanta. Často bojuje s tím, že se klientovi web začne opět zpomalovat po 6 měsících. Harry proto pracuje na frameworku, který má za cíl správně nastavit web performance kulturu. Z mého pohledu to bylo velmi inspirativní.

Paul Calvano - Performance Mistakes

Díky novým funkcím a API v prohlížečích se rychlost ladí stále snáz. I přes tyto pokroky se však často stává, že novou funkci vývojář nesprávně implementuje. To v důsledku vede ke ztrátě výkonu.

Paul na datech vydolovaných z HTTP Archivu představil 17 běžných chyb. Zjistil třeba, že 50% webů přednačítá domény třetích stran bez použití crossorigin atributu.

Lidská trpělivost je nyní velké téma. Naše očekávání jsou nastavené dle toho co je pro nás běžný standard. Jakmile jsme nějakou dobu vystaveni novému standardu, rychle si na něj zvykneme a už nechceme zpět.
Díky tomu se z lazení rychlosti stává vlastně nekonečný běh.

Jack Franklin - DevTools Deep Dive

Performance panel v Chrome DevTools je neocenitelným nástrojem pro diagnostiku a optimalizaci výkonu webových stránek. Tato přednáška nabízí hluboký vhled do jeho funkcí a představuje novinky, které potěší všechny vývojáře.

Nový sidebar Insights umí například pomoci při ladění metriky LCP. Všechny konzultanty pak potěší „popisky“, které se dají do grafů přidat.

Erwin Hofman, Karlijn Löwik - INP Case Studies

Rok 2024 byl pro metriku Interaction to Next Paint (INP) přelomový. V březnu byla oficiálně zavedena do Core Web Vitals.

Podíl webů, které mají metriku v zelené zóně vzrostl za rok o 10 %. Přednáška ukazovala spoustu praktických statistických informací.

Asi nejzajímavější zjištění pro mě bylo, že HotJar je jedna z nejpomalejších třetích stran a že 50 % INP se děje po 10 sekundách strávených na webu.

Annie Sullivan - Aiming for the Stars

Stejně jako Tammy konferenci bravurně otevřela, Annie ji zavřela ve velkém stylu.

Annie Sullivan je osobnost, která táhne webovou platformu 20 let kupředu a tak jsem se na její přednášku moc těšil. Připomněla, že ladění rychlosti je iterativní proces, který musí být zaměřen na reálné uživatelé a konverze.

Dnes už v Google tuší, že dobré limity Core Web Vitals a 75. percentil je jen dobrý start a připoměla, že uživatelé budou stále náročnější. Nasdílela nástroj perfetto, který v google používají pokud v performance timeline nevidí dostatek informací.

Všechny přednášky si můžete už nyní pustit na Youtube.

Pokud by vás zajímal report z ročníku 2022, čtěte zápisky o Zuzany Šumlanské.