Preskočiť na obsah
Vzdelávanie · Myšlienkové mapy · Web

Rýchlosť webu: kde sa stráca čas a čo opraviť ako prvé

Web sa spomaľuje na piatich miestach: obrázky, ktoré nikto nezmenšil, skripty tretích strán (chaty, mapy, meranie, písma), slabý hosting, ťažká téma s desiatkami doplnkov a chýbajúca cache. Zmerajte web v PageSpeed Insights na mobile, pozrite, čo je v správe hore, a opravujte v tomto poradí. Väčšina webov sa zrýchli bez nového webu.

  • 5 vetiev
  • každý list vedie na návod, pojem alebo službu
  • čítanie 5 minút
Web je pomalý. Čo ho spomaľuje a čo opraviť ako prvé?
Zmerajte, nie hádajteMobil, nie počítač. Stránka služby, nie len úvod.
ObrázkyNajčastejší vinník: fotka 4 000 px v stĺpci širokom 400 px.
  • Zmenšiť na skutočnú veľkosťa uložiť vo WebP; doplnok to spraví hromadne
  • Lenivé načítanieobrázky pod ohybom sa načítajú až pri posune
  • Hlavný obrázok hore bez odkladupráve ten určuje LCP; nesmie byť lenivý
  • Fotky produktov v e-shopeČlánok: čo brzdí váš e-shop
Skripty tretích stránChat, mapa, video, písma, meranie: každý brzdí.
  • Čo spustiť až po súhlase alebo po pohybemeranie a reklama cez cookie lištu, chat po prvom posune
  • Mapa a video ako obrázok s kliknutímnačítať až keď na to návštevník klikne
  • Písmanajviac dve, vlastný hosting, bez Google Fonts
  • Čo nepotrebujete, vyhoďtestaré meracie kódy, nepoužívané widgety
Hosting a témaKeď je pomalá už prázdna stránka, je to server alebo téma.
Cache a doručenieHotovú stránku netreba skladať pre každého znova.
  • Cache stránokdoplnok alebo hosting; stránka sa uloží hotová
  • Dlhá platnosť statických súborovobrázky, CSS a skripty si prehliadač pamätá
  • CDN pri návštevníkoch z iných krajínpri slovenskom webe stačí server v Európe
  • Kedy je lepší nový webMapa: nová webstránka alebo redizajn

Na mobile sa vetvy dajú zbaliť ťuknutím na nadpis. Odkazy vedú na články, pojmy zo slovníka a služby.

Mapa v texte

Zmerajte, nie hádajte

Otvorte PageSpeed Insights, zadajte stránku služby a pozerajte výsledok pre mobil: hlavný prvok sa má zobraziť do 2,5 sekundy a rozloženie sa nemá posúvať. V Search Console v časti Základné metriky webu uvidíte, ktoré adresy sú pomalé podľa skutočných návštevníkov. Správa ukazuje príčiny zoradené podľa vplyvu; opravujte zhora.

Obrázky

Najčastejší vinník je fotka z fotoaparátu vložená bez zmenšenia. Obrázky zmenšite na veľkosť, v akej sa zobrazujú, uložte vo formáte WebP a zapnite lenivé načítanie pre všetko pod ohybom. Hlavný obrázok hore naopak nesmie byť lenivý, lebo práve on určuje čas zobrazenia hlavného prvku.

Skripty tretích strán

Chat, mapa, vložené video, písma z Googlu a meracie kódy sa načítavajú z cudzích serverov a každý pridáva stovky milisekúnd. Meranie a reklamu spúšťajte až po súhlase, chat po prvom posune, mapu a video ako obrázok, ktorý sa načíta po kliknutí. Písma majte najviac dve a na vlastnom serveri. Čo nepoužívate, odstráňte.

Hosting a téma

Ak je pomalá už prázdna stránka, problém je server alebo téma. Čas odpovede servera má byť do 0,6 sekundy; lacný zdieľaný hosting to často nedáva. Univerzálne témy a stavebnice načítavajú kód pre všetky možnosti, aj tie, ktoré nepoužívate, a každý doplnok je ďalší kód. Nepoužívané doplnky vypnite a zmažte, web pravidelne aktualizujte.

Cache a doručenie

Hotovú stránku netreba skladať pre každého návštevníka znova: cache stránok ju uloží a podá hneď. Statické súbory nech majú dlhú platnosť, aby si ich prehliadač pamätal. CDN sa oplatí pri návštevníkoch z iných krajín, pri slovenskom webe stačí server v Európe. Ak po týchto piatich krokoch web stále nespĺňa limity, je čas na redizajn s ľahkou témou.

Pojmy z mapy v slovníku

Core Web VitalsSearch ConsoleWordPressPlugin (doplnok)WebhostingResponzívny web

Čítajte ďalej

Časté otázky

Aké skóre v PageSpeed Insights je dobré?
Dôležitejšie než skóre sú tri metriky Core Web Vitals: hlavný prvok do 2,5 s, reakcia na kliknutie do 200 ms, posun rozloženia do 0,1. Skóre nad 90 na mobile máva web, ktorý ich spĺňa s rezervou.
Zrýchli web nový hosting?
Len ak je pomalý server, čo spoznáte podľa času odpovede nad 0,6 s pri prázdnej stránke. Väčšina pomalých webov má problém v obrázkoch a skriptoch, ktoré nový hosting nevyrieši.
Dá sa web zrýchliť bez programátora?
Obrázky, cache, vypnutie nepotrebných doplnkov a presun chatu a mapy za kliknutie zvládne správca webu podľa návodov. Úpravy témy a skriptov sú práca pre vývojára.
Koľko stojí zrýchlenie webu?
Audit rýchlosti so zoznamom opráv robíme ako konzultáciu od 89 € za hodinu, opravy podľa rozsahu, nový rýchly web od 690 €. Ceny sú konečné, nie sme platiteľmi DPH.

Chcete to prejsť s nami?

Napíšte nám, kde ste sa v mape zasekli. Ozveme sa do pár hodín v pracovný deň, prvých 20 minút konzultácie je zadarmo a ponuku pošleme do 48 hodín.

Chcem zrýchliť webNapísať nám