Rýchly WordPress web sa v praxi pozná podľa troch vecí. Hlavný obsah sa ukáže rýchlo, stránka reaguje svižne po kliknutí a rozloženie po načítaní neposkakuje. Práve to sledujú Core Web Vitals v nástroji PageSpeed Insights od Google, LCP, INP a CLS. Za dobrý výsledok sa považuje LCP do 2,5 sekundy, INP do 200 ms a CLS do 0,1. 

Ak si z tohto článku máte odniesť jednu vetu, tak túto: najväčší rozdiel robí kombinácia správneho hostingu, optimalizácie a nastavenia. WordPress oficiálne uvádza, že výkon ovplyvňuje hostingové prostredie, konfigurácia WordPressu, verzie softvéru aj veľkosť obrázkov. Zároveň označuje cache za najrýchlejšiu cestu k zlepšeniu výkonu. Dokumentácia web.dev vysvetľuje, že TTFB, teda čas do prvého bajtu zo servera, stojí ešte pred ďalšími metrikami, ktoré používateľ vníma. Preto jeden plugin vie pomôcť, ale sám o sebe zvyčajne nevyrieši celý problém.

Čo má najväčší dopad na výkon

Predstavte si wordpress web ako auto. Hosting je motor, cache je skratka cez zápchu, obrázky sú batožina a pluginy sú pasažieri. Ak je motor slabý, kufor preplnený a auto zle nastavené, nepomôže ani nový volant. Presne tak funguje aj výkon webu, najväčší efekt vzniká vtedy, keď spolupracuje server, cache, obsah aj nastavenie WordPressu. Najväčší vplyv má úplný základ, teda hosting a odozva servera. Keď server reaguje pomaly, všetko ostatné sa spomaľuje automaticky. Je to ako keď auto štartuje 3 sekundy namiesto jednej, každá ďalšia jazda začne neskôr. V technickej reči ide o TTFB, teda čas, za ktorý server začne posielať prvé dáta. Odporúčané hodnoty sú približne do 0,8 sekundy. Ak je tento základ slabý, optimalizácie vyššie v stacku majú len obmedzený efekt.

Hneď za tým prichádza cache celej stránky, ktorá má obrovský dopad na výkon. WordPress bez cache funguje tak, že pri každej návšteve skladá stránku nanovo, spúšťa PHP a načítava databázu. Cache tento proces obíde a návštevník dostane už hotovú stránku. Je to ako keby ste namiesto varenia obeda od nuly každý deň mali jedlo pripravené v chladničke. Rozdiel v rýchlosti je okamžitý a často dramatický. Ďalším kritickým faktorom je obsah, najmä obrázky a prvé obrázky. To je prvá vec, ktorú používateľ vidí. Ak je veľký, neoptimalizovaný alebo sa načítava neskoro, web pôsobí pomaly, aj keď zvyšok stránky funguje dobre. Moderné formáty ako WebP alebo AVIF dokážu výrazne znížiť veľkosť obrázkov bez straty kvality. Zároveň platí dôležité pravidlo, hlavný obrázok by sa nemal načítavať cez lazy load, pretože tým si umelo spomaľujete prvý dojem zo stránky.

Výrazný dopad má aj samotná stavba webu, teda téma, pluginy a množstvo CSS a JavaScriptu. Každý plugin je ako pasažier v aute. Jeden alebo dvaja sú v poriadku, ale keď ich máte dvadsať, auto začne byť pomalé. Ťažké témy, zbytočný kód a blokujúce skripty spomaľujú načítanie stránky ešte predtým, než ju používateľ vôbec uvidí. Práve preto má zmysel minimalizovať zbytočnosti a používať len to, čo má reálny prínos.

Checklist hostingu a servera

Ak chcete najväčší posun za najmenej námahy, začnite práve tu. WordPress dokumentácia sama píše, že ak potrebujete rýchly efekt, najväčší úžitok za najmenšiu námahu prináša cache. 

☐ Skontrolujte technický základ hostingu. Hosting by mal podporovať aspoň PHP 8.3, MySQL 8.0 alebo MariaDB 10.6 a HTTPS. Bez tohto je to ako stavať rýchle auto na starom podvozku. 

☐ Pri e-shope, členskej zóne alebo prihlásených používateľoch pridajte persistent object cache. WordPress uvádza, že znižuje záťaž databázy a zlepšuje čas vykonávania PHP, najmä tam, kde cache celej stránky nestačí, napríklad pri prihlásenom alebo dynamickom obsahu. U nás máme Redis cache pre Business a E-shop stránky. 

☐ Zapnite cache celej stránky. WordPress vysvetľuje, že pri zobrazovaní obsahu sa bežne spúšťa PHP, načítava jadro, téma, pluginy a databázové dotazy. Cache celej stránky uloží hotový HTML výstup, a tým odoberie serveru veľkú časť práce. Všetky stránky na PilotHost bežia na OpenLiteSpeed, ktorý cachuje už na serverovej stane.

☐ Uistite sa, že server používa opcode cache. Táto vrstva drží skompilované PHP skripty pripravené na použitie, takže server ich nemusí pri každej požiadavke znovu čítať a kompilovať. Všetky stránky na PilotHost bežia na opcache.

☐ Zvážte CDN. Znižuje latenciu tým, že obsah doručuje z bodu bližšie k návštevníkovi, a zároveň odľahčuje pôvodný server, najmä pri obrázkoch, CSS a JavaScripte. Ide najmä o stránky, ktoré predávajú do celého sveta.

☐ Nastavte výnimky z cache. Košík, pokladňa, profil používateľa a všeobecne personalizované časti stránky musia zostať dynamické. WordPress to spomína výslovne, najmä pri online obchodoch a prihlásených používateľoch. Správna optimalizácia od odborníka je na PilotHost v cene.

Checklist WordPressu a databázy

Tu už nejde o motor, ale o to, koľko zbytočností vozíte so sebou. Aj rýchly server sa vie zadýchať, ak je WordPress web preťažený témou, pluginmi a databázovým balastom. 

☐ Použite ľahkú tému. WordPress priamo píše, že téma má veľký dopad na výkon a ľahká téma bude fungovať výrazne efektívnejšie než ťažká graficky nabitá téma. 

☐ Odstráňte všetko, čo nepoužívate. Nepoužívané pluginy nevypínajte len “na oko”, ale ich aj zmažte. WordPress uvádza, že deaktivácia a odstránenie zbytočných pluginov je významný krok k lepšiemu výkonu. 

☐ Aktualizujte jadro WordPressu, pluginy, tému aj PHP. WordPress upozorňuje, že aktualizácie sú dôležité pre výkon, a zároveň oficiálne odporúča PHP 8.3 alebo vyššie. 

☐ Sledujte autoloaded options. WordPress vysvetľuje, že tieto nastavenia sa načítavajú pri každom načítaní stránky a príliš veľa takýchto dát môže web spomaľovať. Vo svojej dokumentácii odporúča držať ich spravidla pod 800 kB. 

☐ Vyčistite databázu a obmedzte staré revízie. WordPress odporúča znižovať databázový neporiadok a pripomína, že môžete obmedziť počet ukladaných revízií stránok a príspevkov. 

☐ Ak neviete, čo web brzdí, profilujte. WordPress považuje za best practice použiť nástroje na performance profiling, ktoré ukážu pomalé funkcie, externé HTTP požiadavky a pomalé databázové dotazy.

Checklist obsahu a frontendu

Keď je server motor, obsah je náklad. Čím je ťažší, tým dlhšie trvá rozbeh. Na veľa weboch nebýva problém v tom, že by bol WordPress “pomalý”, ale v tom, že na štart dostane priveľa dát naraz. 

☐ Optimalizujte obrázky ešte pred nahraním. WordPress pripomína, že obrázky optimalizované pre web šetria čas aj prenos dát. Moderné formáty ako WebP a AVIF zmenšujú súbory a môžu zlepšiť LCP.  Obrázky pred nahratím na stránku, treba vždy optimalizovať. Klienti PilotHostu, majú bezplatný a rýchly nástroj v cene.

☐ Používajte lazy load rozumne. Lazy load skracuje kritickú cestu vykreslenia tým, že odkladá nekritické zdroje. Web.dev zároveň upozorňuje, že hlavný obrázok stránky by sa lazy loadovať nemal. Jednoducho povedané, fotky nižšie na stránke odložte, hlavnú fotku nie. 

☐ Obmedzte blokujúce CSS. Chrome dokumentácia odporúča znížiť vplyv CSS a ďalších blokujúcich súborov tým, že kritické zdroje necháte načítať hneď a nekritické odložíte. Odstraňovanie nevyužitého CSS skracuje čas sťahovania aj spracovania štýlov. 

☐ Odstráňte nepoužitý JavaScript. Chrome uvádza, že nevyužitý JavaScript stránku spomaľuje, pretože sa musí sťahovať, analyzovať a vykonať, a pritom súťaží o prenosovú kapacitu s dôležitejšími zdrojmi. 

☐ Fonty držte pri zemi. Veľké fonty vedia spomaliť vykreslenie a zhoršiť vizuálnu stabilitu. Odporúča WOFF2, opatrné používanie preloadu a vysvetľuje, že self hosting býva rýchlejší než načítanie fontov z cudzej služby, pretože odpadá ďalšie externé spojenie.

Checklist merania a kontroly

Bez merania sa výkon často “optimalizuje” pocitovo. To je ako nastavovať auto podľa zvuku motora a nikdy sa nepozrieť na tachometer. Lepší postup je zmerať stav, urobiť zmeny a zmerať ho znova. 

☐ Merajte v PageSpeed Insights. Tento nástroj spája dáta reálnych používateľov z CrUX a laboratórnu diagnostiku z Lighthouse, takže na jednom mieste vidíte, ako rýchlo web pôsobí v praxi aj čo ho brzdí technicky. Pozrite sa na rýchlosť stránok v PilotHoste.

☐ Sledujte Search Console. Google Core Web Vitals report v Search Console pracuje s reálnymi dátami používateľov a zoskupuje URL podľa stavu a problémov, takže je vhodný na sledovanie trendu, nie len jedného testu.  

☐ Pri väčších weboch zapnite monitoring a profiling. WordPress odporúča sledovať page load time, pomalé transakcie, slow logy a pri hľadaní brzdy použiť profiling nástroje, ktoré ukážu presné úzke miesta.

☐ Pozerajte aj Site Health vo WordPresse. WordPress v ňom kontroluje cache celej stránky, persistent object cache a vie upozorniť aj na problém s autoloaded options. To je rýchly spôsob, ako odhaliť, či je základ výkonnostného nastavenia v poriadku.

Keď nechcete riešiť techniku, prichádza PilotHost

Nie každý chce riešiť cache vrstvy, purge pravidlá, PHP verzie, databázu, obrázky a metriky. A úprimne, veľa majiteľov webov to ani riešiť nemá. PilotHost je managed hosting jednoducho, poskytovateľ sa stará o technické časti hostingu, ako sú zálohy, bezpečnosť, cache a ďalšie úlohy, aby sa majiteľ webu mohol sústrediť na obsah a rast. 

Práve týmto smerom sa profiluje aj PilotHost. Manažovaný WordPress hosting na vlastnej VPS infraštruktúre, LiteSpeed, pri vyšších balíkoch Redis, denné zálohy, bezplatnú migráciu, optimalizáciu v cene pri ročnej platbe a osobnú správu od WordPress odborníka. Pre klienta to v praxi znamená menej technických detailov, menej pokusov naslepo a viac času na biznis. 

Inak povedané, pri výkone webu je veľký rozdiel medzi tým, keď si všetko skladáte sami, a tým, keď má WordPress web svojho pilota. Lebo najväčší výsledok zvyčajne neprinesie jeden doplnok, ale dobre zložený systém, hosting, cache, optimalizácia obrázkov, menej zbytočného kódu a správne nastavenie. Ak nechcete riešiť techniku, existujú riešenia, kde je výkon webu riadený za vás.