Zrýchlenie webu
na mobile aj počítači
Zistím, čo váš web spomaľuje, a opravím najväčšie problémy. Rýchlosť zmeriam pred úpravami aj po nich, aby ste videli rozdiel.
Čo váš web spomaľuje
Návštevník na mobile nečaká: keď sa hlavný obsah neukáže do pár sekúnd, vráti sa do Google a klikne na ďalší výsledok. Web preto zrýchľujem podľa toho, čo zažívajú skutoční návštevníci, nie podľa skóre v teste.
Najprv zmeriam, kde sa čas stráca. Býva to pomalá databáza, chýbajúca vyrovnávacia pamäť na serveri, veľké obrázky alebo skripty, ktoré zdržia vykreslenie stránky.
Potom opravujem v poradí podľa dopadu: prvé idú zmeny, ktoré ušetria najviac času za najmenej práce. Google rýchlosť hodnotí cez Core Web Vitals, teda podľa toho, ako sa stránka načíta skutočným návštevníkom.
Po úprave rýchlosť ďalej sledujem, pri správe webu aj dlhodobo. Ak je pomalý samotný základ webu, navrhnem radšej tvorbu nového webu.
Viete, čo web brzdí
Zmeriam server, databázu aj načítanie v prehliadači. Úzke miesto nájdem skôr, než sa čokoľvek prepisuje.
Obsah sa ukáže skôr
Odložím skripty, ktoré zdržia vykreslenie, zmenším obrázky a zapnem vyrovnávaciu pamäť.
Rýchlosť vydrží
Nastavím limity a sledovanie, aby web nespomalil po ďalšej úprave ani po novom plugine.
Ako sa zmenilo načítanie e-shopu po zrýchlení
Modelový e-shop pred zásahom a po ňom, meraný rovnako na návštevách skutočných ľudí.
Čas, kým návštevník uvidí hlavný obsah. Podľa neho Google posudzuje rýchlosť stránky.
Modelový príklad, nejde o výsledky konkrétneho klienta
Z čoho sa skladá 4,2 sekundy načítania e-shopu
Modelový priebeh načítania e-shopu. Kliknite na riadok a uvidíte, čo spomalenie spôsobuje a ako ho odstránim.
Server generuje stránku nanovo pri každej návšteve. Pri pomalých dotazoch a bez vyrovnávacej pamäte prehliadač čaká, kým vôbec niečo dostane.
Skripty sa načítavajú v hlavičke a blokujú vykreslenie. Prehliadač má obsah, ale nesmie ho zobraziť.
Hlavný obrázok sa sťahuje v plnom rozlíšení a v starom formáte, hoci sa zobrazuje na tretinu veľkosti.
Chat, tri meracie kódy a widget hodnotení. Každý ťahá vlastné súbory z cudzieho servera, na ktorý nemáte vplyv.
Štyri rezy písma a galéria nižšie na stránke sa sťahujú súčasne s tým, čo návštevník práve vidí.
Čo zrýchlenie webu obsahuje
Rozsah závisí od toho, čo web brzdí. Niekde sú to obrázky, inde databáza alebo skripty cudzích služieb.
Core Web Vitals v zelenom pásme
Načítanie, odozvu na kliknutie aj poskakovanie obsahu dostanem do pásma, ktoré Google hodnotí ako dobré.
Rýchlejšia odozva servera
Nastavím vyrovnávaciu pamäť na správnej úrovni a zrýchlim najpomalšie dotazy do databázy.
Ľahšie obrázky a písma
Obrázky prevediem do úsporných formátov v správnej veľkosti. Čo nie je vidieť hneď, sa načíta až neskôr.
Menej cudzích skriptov
Odložím skripty, ktoré nie sú potrebné hneď, zlúčim meracie kódy a odstránim nepoužívaný kód.
Report pred a po
Dostanete porovnanie nameraných hodnôt pred úpravami a po nich.
Limity, ktoré stráži monitoring
Nastavím hranice pre veľkosť stránky a čas načítania. Keď ich ďalšia úprava prekročí, dozviem sa to.
Komu sa zrýchlenie webu vráti najrýchlejšie
Zrýchlenie je jednorazová práca s meraním pred a po. Najviac sa vráti tam, kde platíte za návštevnosť alebo máte veľa objednávok.
E-shopy s platenou návštevnosťou
Každá sekunda navyše zdražuje objednávku. Pri rovnakom rozpočte na reklamu je zrýchlenie často najlacnejšia cesta k ďalším objednávkam.
Weby s prevahou mobilu
Na mobilných sieťach a slabších telefónoch je rozdiel niekoľkonásobný oproti kancelárskemu počítaču.
Weby, ktorým klesajú pozície
Rýchlosť je súčasťou hodnotenia Googlu. Pri vyrovnanom obsahu rozhoduje práve technický stav.
Weby, ktoré narástli o doplnky
Roky pridávania pluginov a meracích kódov sa sčítajú. Odstránenie zbytočností býva rýchlejšie aj lacnejšie ako výmena hostingu.
Weby pred kampaňou alebo sezónou
Nápor návštev odhalí to, čo bežná prevádzka utají. Zrýchlenie pred spustením je lacnejšie než hasenie počas neho.
Weby s videom a veľkou grafikou
Portfóliá, realitné a ubytovacie stránky nesú najväčší objem dát. Práve tam má zmenšenie obrázkov a odložené načítanie najväčší efekt.
Ako prebieha zrýchlenie webu
Každý zásah zmeriam pred úpravou aj po nej. Inak by som nevedel povedať, či pomohol.
-
Najprv zmeriam skutočné návštevy
Laboratórny test ukáže, čo sa dá zlepšiť. Dáta zo skutočných návštev ukážu, ako rýchlo sa web načíta vašim zákazníkom na ich telefónoch a ich pripojení. Začínam nimi.
- Skutočné návštevy za 28 dní
- Rozdiel medzi mobilom a počítačom
- Najhoršie stránky zvlášť
-
Kde presne sa stráca čas
Načítanie stránky rozložím na jednotlivé požiadavky. Uvidím, čo brzdí vykreslenie, čo čaká na server a čo sa sťahuje zbytočne. Podľa toho určím poradie prác.
- Vodopád požiadaviek
- Odozva servera a databázy
- Najťažšie súbory na stránke
-
Najprv to, čo ušetrí najviac času
Upravím obrázky, písma, skripty, vyrovnávaciu pamäť a odozvu servera. Prednosť má to, čo najviac skráti LCP, teda čas, za ktorý sa ukáže hlavný obsah. Nie všetko, čo nástroj označí načerveno, treba riešiť.
- Obrázky do moderných formátov
- Vyrovnávacia pamäť na serveri aj v prehliadači
- Odloženie nepotrebných skriptov
-
Porovnám čísla pred a po
Po úpravách web zmeriam znova a porovnám s východiskom. Keď sa niečo nezlepšilo, poviem vám to aj s dôvodom.
- Porovnanie pred a po
- Sledovanie po úpravách
- Upozornenie pri zhoršení
Od merania po overené zrýchlenie webu
Rýchlosť zmeriam pred úpravami aj po nich, aby bolo vidieť ich účinok. Priebežné meranie potom pomôže zachytiť, ak sa web znova spomalí.
Zmeriam, čo web brzdí
Hľadám úzke miesta v kóde, databáze a na serveri. Meriam aj to, čo zažívajú skutoční návštevníci.
výstup: zoznam brzdiacich miestOpravím podľa dopadu
Upravím obrázky, vyrovnávaciu pamäť, skripty a server v poradí podľa toho, koľko času ušetria. Najprv na testovacej kópii.
výstup: úpravy nasadené na webeOverím a nastavím dohľad
Hodnoty zmeriam znova a nastavím limity, ktoré bude sledovať monitoring.
výstup: report pred a po a sledovanieČasté otázky k zrýchleniu webu
Nenašli ste odpoveď? Napíšte mi, odpoviem do 24 hodín v pracovné dni.
Opýtať saZistite, čo váš web brzdí
Pošlite adresu webu. Ozvem sa do 24 hodín v pracovné dni s prvým meraním a poviem, či web zrýchlia úpravy, alebo ho brzdí hosting.