Prečo je môj web pomalý
Web, ktorý zákazníka nechá čakať, stráca peniaze. Jeden e-shop, o ktorý sa starám, sa zákazníkom kedysi načítaval približne 15 sekúnd a dnes to zvládne za 2. Pritom pomalosť nemá jednu príčinu. Keď viete, kde web stráca čas, viete aj čo opraviť a za čo neplatiť zbytočne.
Koľko je „rýchlo“
Google odporúča, aby sa najväčší prvok na stránke zobrazil do 2,5 sekundy. Nad 4 sekundy to hodnotí ako zlé. Táto hodnota sa volá LCP a rozumne vystihuje, kedy má návštevník pocit, že sa stránka načítala. Svoju si zistíte testom webu.
Štyri miesta, kde sa stráca čas
Podľa Googlu sa dá načítanie hlavného obsahu rozdeliť na štyri časti. Ak viete, ktorá je dlhá, viete, čo riešiť:
- Odpoveď servera. Kým server vôbec začne posielať stránku. Pri WordPresse to môže byť preplnená databáza, zlý plugin alebo slabý hosting.
- Čakanie na obrázok alebo písmo. Prehliadač nevie hneď, čo má sťahovať ako prvé, lebo mu to ukrýva kód alebo oneskorené načítanie.
- Samotné sťahovanie. Obrázok má pár megabajtov, hoci by stačil zlomok.
- Čakanie na zobrazenie. Všetko je stiahnuté, ale prehliadač ešte spracúva štýly a skripty.
Najčastejší vinníci
Veľké obrázky. Fotka priamo z telefónu môže mať niekoľko megabajtov, a pritom sa zobrazí malá. Správna veľkosť a moderný formát, ako WebP alebo AVIF, spravia veľký rozdiel. Pozor: hlavný obrázok navrchu stránky nikdy nenačítavajte oneskorene.
Priveľa pluginov a skriptov. Každý pridáva kód, ktorý musí telefón spracovať. Slabší mobil to cíti viac než váš počítač. Viac v článku Koľko pluginov je priveľa.
Cudzie služby. Chaty, reklamné a meracie kódy. Na ich rýchlosť nemáte vplyv, ale web na ne môže čakať.
Databáza. Roky hromadené zvyšky spomalia všetko, čo sa na webe deje. Rozoberám to v článku Prečo sa e-shop časom spomaľuje.
Hosting. Niekedy naozaj nestačí. Často je však problém v samotnom webe. Ako to rozlíšiť, nájdete v článku Drahší hosting, alebo oprava.
Prečo mne to ide rýchlo a zákazníkom nie
Váš počítač má web uložený z minulých návštev a beží na lepšom pripojení. Zákazník ho často otvára prvýkrát na bežnom telefóne a mobilných dátach. Preto testujte aj na mobile a nepovažujte svoj pocit za meranie.
Čo si overiť ako prvé
- Otestujte si web a pozrite si rýchlosť na mobile. Ako čítať výsledok.
- Pozrite, či sú pomalé všetky stránky, alebo len niektoré. Pomalá len jedna stránka ukazuje na jej obsah, napríklad obrázky. Pomalé všetky ukazujú skôr na server alebo pluginy.
- Začnite tým, čo najviac brzdí. Zlepšovanie drobností, kým server odpovedá päť sekúnd, vám veľmi nepomôže.
Zdroje: web.dev: Largest Contentful Paint, web.dev: Optimize LCP, web.dev: Web Vitals.