Rýchlosť webu nie je technická téma, ale obchodná

Keď sa s klientom bavíme o rýchlosti webu, väčšinou to berie ako technickú vecičku pre vývojárov. Pritom je to jedna z mála vecí na webe, ktorá sa priamo prepočítava na peniaze. Návštevník, ktorý čaká na načítanie, neodíde k inému dodávateľovi preto, že by bol lepší. Odíde preto, že bol rýchlejší.

Tri čísla, ktoré rozhodujú

Google hodnotí zážitok na stránke cez tri metriky, súhrnne Core Web Vitals. Nie sú to abstraktné body, každá z nich popisuje konkrétny pocit z používania.

• LCP, čas, kým sa vykreslí najväčší prvok na obrazovke. Dobre je do 2,5 sekundy. Nad 4 sekundy návštevník už rieši, či počká.
• INP, ako rýchlo stránka reaguje na kliknutie. Do 200 milisekúnd to pôsobí okamžite, nad 500 to pôsobí pokazene.
• CLS, koľko obsah poskakuje počas načítania. Do 0,1 je v poriadku. Vyššie číslo znamená, že ste už raz klikli vedľa.

Hranicou nie je priemer, ale 75. percentil návštev za posledných 28 dní. Inak povedané: stačí, aby to bolo pomalé pre každého štvrtého človeka, a hodnotenie padá.

Prečo sa to prejaví na dopytoch

Rýchlosť sa nepodpíše len na tom, koľko ľudí ostane. Podpíše sa aj na tom, koľkým sa web vôbec ukáže. Pomalý web má horšie pozície vo vyhľadávaní, drahšie kliky v kampaniach, pretože Google hodnotí aj kvalitu cieľovej stránky, a nižší podiel ľudí, ktorí sa prekliknú ďalej než na úvodnú stránku.

Pri jednom z našich projektov, autoškole v Petržalke, sme starý web nahradili novým postaveným v Next.js. Nešlo len o dizajn. Nový web sa načíta výrazne rýchlejšie a najväčší prvok stránky sa vykreslí za jednu sekundu. Kurzy sa naplnili do dvoch mesiacov.

Čo web najčastejšie spomaľuje

1. 1Obrázky v plnom rozlíšení, ktoré sa zmenšujú až v prehliadači. Riešenie je moderný formát a správne veľkosti.
2. 2Doplnky, ktoré si nikto nepamätá, prečo sa inštalovali. Každý si berie svoj kus JavaScriptu.
3. 3Skripty tretích strán, chaty, widgety, merania. Každý ďalší je ďalšia sekunda.
4. 4Písma, ktoré blokujú vykreslenie textu, kým sa nestiahnu.
5. 5Šablóna, ktorá vie všetko. Platíte výkonom za funkcie, ktoré nepoužijete.

Ako k tomu pristupujeme my

Weby staviame v Next.js a stránky sa vykresľujú vopred, takže prehliadač dostane hotový obsah a nemusí ho skladať. Obrázky sa doručujú v modernom formáte a v takej veľkosti, aká sa naozaj zobrazí. Skripty tretích strán pridávame až vtedy, keď je jasné, čo prinesú. A rýchlosť meriame aj po spustení, nielen v deň odovzdania.

Rýchly web nie je cieľ. Cieľom je dopyt. Rýchlosť je len najlacnejšia cesta, ako ho nestratiť.

Čo si z toho odniesť

Ak máte web a neviete, ako je na tom, prejdite ho cez PageSpeed Insights a pozrite sa na mobilné skóre, nie na desktopové. Väčšina návštev prichádza z telefónu a práve tam sa rozdiely prejavia najviac. Ak je skóre pod 50, nie je to kozmetická vec, ale dôvod, prečo vám kampane zarábajú menej, než by mohli.