Prečo je rýchlosť webu dôležitá pre váš biznis a čo ju najčastejšie brzdí

Zákazník, ktorý na mobile čaká na vašu stránku, nečaká dlho. Často citované číslo hovorí, že 53 % návštevníkov opustí mobilnú stránku, ak sa nenačíta do 3 sekúnd. Google zase od roku 2021 počíta rýchlosť webu medzi faktory, podľa ktorých zoraďuje výsledky. Pomalý web teda prehráva dvakrát: raz u človeka, ktorý odíde, a raz u vyhľadávača, ktorý ho pošle nižšie.

Ako pomalý web vyzerá v číslach

Kariérny web kariera.kami-profit.sk mal pri prvom meraní mobilné skóre PageSpeed 44. Hlavný obrázok sa sťahoval z WordPress servera klienta v plnej veľkosti, 647 KB, a načítanie hlavného vizuálu trvalo 9,1 sekundy. Google pritom považuje za dobré načítanie do 2,5 sekundy. Návštevník nič z toho nevidí ako chybu. Vidí bielu obrazovku a po chvíli zavrie kartu. Po troch úpravách, ktoré opisujeme v samostatnom článku, sa hlavný vizuál načítal za 2,6 sekundy a skóre stúplo na 93.

Čo spomaľuje väčšinu webov

Pri weboch, ktoré k nám prichádzajú, sa opakujú štyri príčiny. Prvá sú obrázky: fotka nahraná v plnom rozlíšení odchádza aj na mobil, kde je široká pár stoviek pixelov. Druhá je počet pluginov. Každý si ťahá vlastné skripty a štýly, stránka rastie a spomaľuje sa, hoci žiadny z nich sám o sebe nie je pokazený. Tretia je hosting, pomalý server pribrzdí aj dobre napísaný web. A štvrtá je chýbajúca kompresia a cache, keď prehliadač sťahuje pri každej návšteve to isté znova, v plnej veľkosti.

Prvé dve príčiny sedia na webe, nie na serveri. Preto výmena hostingu sama o sebe zriedka pomôže.

Ako to riešime vo FOX Development

Náš redakčný systém WebCreator Next Gen je postavený na čistom PHP bez zbytočných vrstiev a bez pluginov tretích strán. Rýchlosť v ňom nikto nedoinštalúva, je to vlastnosť jadra. Každý web má automatickú optimalizáciu obrázkov, z každej nahranej fotky vznikne WebP v troch veľkostiach, k tomu lazy loading, minimalizované CSS a JS a správne hlavičky pre vyrovnávaciu pamäť. Majiteľ webu nahrá fotku a systém sa postará o to, aby na mobil odišla malá verzia.

Kam sa s tým dá dôjsť, ukazuje web melusovdvor.sk na tom istom jadre: 100 bodov zo 100 vo všetkých štyroch kategóriách PageSpeed na desktope, prvé vykreslenie aj hlavný vizuál za 0,4 sekundy. Prečo staviame na vlastnom systéme namiesto WordPressu, vysvetľujeme v článku Vlastný CMS pre firemný web namiesto WordPressu.

Čo si z toho vziať

Zmerajte si svoj web v Google PageSpeed Insights na mobile, nie na desktope, lebo zákazník vám ho väčšinou otvorí na telefóne. Ak je skóre nízke, pozrite sa najprv na veľkosť hlavného obrázka a na počet doplnkov, až potom na hosting. A ak neviete, kde začať, napíšte nám, pozrieme sa na meranie a povieme, čo by sme menili ako prvé.