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

25. 1. 2023

Article

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.

Co je ale nejdůležitější – mnoha klientům jsme rychlost webu reálně pomohli zvýšit. Pracovali jsme také na stále podstatnějším tématu kultury rychlosti.

Vybrané optimalizace rychlosti

Někdy to jde rychle, někdy pomaleji. Bezpečně ale víme, že pokud má rychlost na straně klienta prioritu a pokud jde komunikace dobře, výsledky se vždy dostaví. Vybral jsem tři z nejzajímavějších případů.

Dr. Max: Optimalizace CLS a LCP

S Dr. Max Group spolupracujeme na zrychlování jejich farmaceutických e-shopů od roku 2021. Vypracovali jsme pro tým kolem Petera Vargy náš audit, pomocí kterého se povedlo vylepšit metriku Cumulative Layout Shift (CLS), kumulativní posun layoutu:

Cumulative Layout Shift na webech Dr. Max: vývoj za rok 2022.Cumulative Layout Shift na webech Dr. Max: vývoj za rok 2022.

Především jsme se zaměřili na optimalizaci zobrazování personalizovaného obsahu, které na e-shopech dělá komponenta Persoo. Klient se pak na naše doporučení soustředil na vylepšení backendu, tedy metriku TTFB:

Měření reálných uživatelů ve SpeedCurve. Schody dolů vidíme moc rádi!Měření reálných uživatelů ve SpeedCurve. Schody dolů vidíme moc rádi!

Aktuální metriky Core Web Vitals všech webů jsou krásné…

Data o rychlosti od Googlu na webech Dr. Max: začalo se nám to zelenat.Data o rychlosti od Googlu na webech Dr. Max: začalo se nám to zelenat.

U Dr. Maxe s optimalizacemi ještě nekončíme. Čeká nás analýza vlivu rychlosti na konverze, posílení Performance Culture a další technické optimalizace metrik.

Mimochodem, chtěli byste stejný dashboard jako Dr. Max? V našem testeru je možné si jej vytvořit zdarma.

Sazka: pokračování čtyřleté spolupráce, blíží se šťastný konec

Sazka je jeden z mých nejstarších klientů, pracovat jsem pro ni začal v roce 2018, v týmu s ostatními pod značkou PageSpeed.cz pak od loňska.

U takto velkých firem je optimalizace rychlosti spíše otázkou budování „Performance Culture“, kultury rychlosti. I díky tomu se nám za mohutné pomoci Martina Kocourka na straně Sazky a jejich vývojářů povedlo loni s rychlostí opravdu významně pohnout:

Padá metrika, něco si přej.Padá metrika, něco si přej.

K našemu cíli – „zeleným Web Vitals“ pro celou doménu – už nám zbývá jenom kousek. I přes to, že se naši snahu loni pokoušeli zhatit různí dodavatelé nových komponent třetích stran. Ale o tom zase jindy.

Goldea: Optimalizace CLS

Náš zlínský klient MIONET provozuje síť e-shopů s bytovým textilem pod značkou Goldea. Oslovil nás, abychom optimalizovali Core Web Vitals, v jejich případě hlavně metriku Cumulative Layout Shift.

Optimalizace CLS na mobilech byla snadná – většinou jsme si vystačili jen s drobnými úpravami HTML a CSS kódu, případně dolaďování ajaxového stránkování, které bývá z pohledu rychlosti problematické.

V případě desktopu jsme se trošku zapotili. Nechtěné poskakování stránky bylo problematické hlavně při filtrování v seznamu produktů:

Procházení filtry v seznamu produktů zde zvyšuje CLS.Procházení filtry v seznamu produktů zde zvyšuje CLS.

… ale nakonec jsme to zvládli také:

Už se to zelená, je to báječné.Už se to zelená, je to báječné.

U téhle spolupráce jsme se naučili hodně o metrice CLS, jejich specifikách a také nevýhodách. Ještě si od nás určitě přečtete detailnější případovou studii.

Loni jsme také byli vidět na několika konferencích, jmenujme alespoň naší přednášku a diskuzi na WebExpo.

Performance Culture, budování kultury rychlosti v organizacích

Stále větší část naší práce spadá do oblasti tzn. Performance Culture, kultury rychlosti, kdy klientům pomáháme s interními procesy tak, aby se dařilo rychlost dále zlepšovat i bez naší intenzivní spoluúčasti.

Uvedu tři příklady tohoto typu spolupráce z loňska:

  1. Pro HP Tronic, konkrétně weby Datartu, jsme dělali audit rychlosti, školení netechnických zaměstnanců a s pomocí SpeedCurve RUM jsme hledali korelace mezi byznysovým a rychlostními metrikami. Nyní víme, na jaké metriky se máme primárně zaměřovat a snadněji se nám prioritizují optimalizace.
  2. Sazce jsme loni kromě výše uvedených běžných optimalizací dělali workshopy pro vývojáře. Cílem bylo předat co nejvíce našich znalostí na technické lidi, aby leccos dokázali řešit sami. Dále jsme na workshopech společně vytyčili další optimalizační cíle. Workshopy byly velmi úspěšné a díky nim se v Sazce povedlo dostat rychlost webu na aktuální úroveň.
  3. Pro Dr. Max Group jsme připravili online školení vývojářů a o rychlosti povídali také na jejich vydařené interní konferenci:

Konference Dr. Max: krásný graf a optimalizátor rychlosti u něj.Konference Dr. Max: krásný graf a optimalizátor rychlosti u něj.

S většinou klientů pracujeme na dlouhodobé bázi, v rámci služby management rychlosti webu. S týmem na straně klienta se pravidelně slýcháváme, vzděláváme tým, aktivně sledujeme metriky a přicházíme s nápady na snadné technické optimalizace.

Umíme pomoci malým i velkým a čas najdeme i na váš projekt. Neváhejte se ozvat.

Ať se vám daří v roce 2023, a to nejen s rychlostí webu!

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.

Test rychlosti mého webu

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

Stopa PageSpeed.cz na WebExpo 2022

Stopa PageSpeed.cz na WebExpo 2022

Na letošním WebExpu nemohla chybět výprava PageSpeed.cz, navíc si náš Michal Matuška střihl v angličtině přednášku na téma „Optimising Core Web Vitals With Web Fonts”.Číst dále

Zpátky v plném výkonu: konference Perf.now() 2022

Zpátky v plném výkonu: konference Perf.now() 2022

Po období covidu se nám vrací velké konference. Na konci října se v Amsterdamu konal třetí ročník Performance.now(), na který jsme se velmi těšili.Číst dále

Rychlost webu: 12 novinek roku 2022

Rychlost webu: 12 novinek roku 2022

Způsob měření a optimalizace rychlosti webových stránek se neustále mění. Zavádějí se nové webové standardy, vyvíjejí se nové nástroje a navrhují se nové metriky.Číst dále