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.

Zálohy dokončené, 24 webov záloha WordPress 6.9.2 nasadený na testovacej kópii aktualizácia Certifikát obnovený, platný 90 dní certifikát Pomalá odozva 1,9 s, vyriešená do 12 minút incident Bezpečnostný sken: 0 kritických nálezov sken Rýchlosť webu v zelenom po zmenšení obrázkov rýchlosť Blokovaných 214 pokusov o prihlásenie ochrana
01 — Prístup

Čo váš web spomaľuje

01

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.

02

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.

03

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.

04

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.

02 — Výsledok

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í.

4,2 s 1,6 s

Čas, kým návštevník uvidí hlavný obsah. Podľa neho Google posudzuje rýchlosť stránky.

Hlavný obsah kým sa ukáže na mobile
4,2 s 1,6 s V zelenom pásme podľa prahu Googlu.
Odozva reakcia na kliknutie
340 ms 120 ms Stránka reaguje na kliknutie bez čakania.
Poskakovanie posun obsahu pri načítaní
0,21 0,03 Obsah pri načítaní neposkakuje.

Modelový príklad, nejde o výsledky konkrétneho klienta

03 — Príčiny

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.

Zdroj Použiteľná stránka 4,2 s súčet po odstránení prekryvov

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.

Ako tomu predísť · skrátením čakania na server Vyrovnávacia pamäť pre stránky aj dáta Zrýchlenie najpomalších dotazov Server a databáza v aktuálnej verzii

Skripty sa načítavajú v hlavičke a blokujú vykreslenie. Prehliadač má obsah, ale nesmie ho zobraziť.

Ako tomu predísť · odložením toho, čo nie je potrebné hneď Odloženie neblokujúcich skriptov Zlúčenie meracích kódov Odstránenie nepoužívaného kódu

Hlavný obrázok sa sťahuje v plnom rozlíšení a v starom formáte, hoci sa zobrazuje na tretinu veľkosti.

Ako tomu predísť · správnym formátom a rozmerom Úsporné formáty a správne rozmery Prednostné načítanie hlavného obrázka Rezervované miesto proti poskakovaniu

Chat, tri meracie kódy a widget hodnotení. Každý ťahá vlastné súbory z cudzieho servera, na ktorý nemáte vplyv.

Ako tomu predísť · po revízii, čo je naozaj potrebné Revízia, čo z toho web naozaj potrebuje Načítanie až po vykreslení obsahu Vlastné meranie namiesto cudzích skriptov

Š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í.

Ako tomu predísť · menej dát na pozadí Neskoršie načítanie všetkého, čo nie je vidieť hneď Len potrebné rezy písma Prednostné načítanie toho, čo je vidieť hneď
04 — Rozsah

Č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.

01

Core Web Vitals v zelenom pásme

Načítanie, odozvu na kliknutie aj poskakovanie obsahu dostanem do pásma, ktoré Google hodnotí ako dobré.

02

Rýchlejšia odozva servera

Nastavím vyrovnávaciu pamäť na správnej úrovni a zrýchlim najpomalšie dotazy do databázy.

03

Ľ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.

04

Menej cudzích skriptov

Odložím skripty, ktoré nie sú potrebné hneď, zlúčim meracie kódy a odstránim nepoužívaný kód.

05

Report pred a po

Dostanete porovnanie nameraných hodnôt pred úpravami a po nich.

06

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.

Pre koho

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.

01

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.

02

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.

03

Weby, ktorým klesajú pozície

Rýchlosť je súčasťou hodnotenia Googlu. Pri vyrovnanom obsahu rozhoduje práve technický stav.

04

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.

05

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.

06

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 to prebieha

Ako prebieha zrýchlenie webu

Každý zásah zmeriam pred úpravou aj po nej. Inak by som nevedel povedať, či pomohol.

  1. Meranie 01

    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ášť
  2. Rozbor 02

    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
  3. Úpravy 03

    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
  4. Kontrola 04

    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í
05 — Postup

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í.

01

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 miest
02

Opraví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 webe
03

Overí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
06 — Otázky

Časté otázky k zrýchleniu webu

Nenašli ste odpoveď? Napíšte mi, odpoviem do 24 hodín v pracovné dni.

Opýtať sa

Zistite, č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.

Nezáväzný dopyt