Ako nadpis napovedá, budeme sa dnes venovať optimalizácii webu. Optimalizácia webu to je tá stránka webovej práce, do ktorej sa nikomu nechce. Každý však očakáva, že jeho web bude rýchly a úspešný. V dnešnej dobe keď na vás búši Google, Lighthouse a všelijaké ďalšie internetové normy. Je toho priveľa čo všetko je dobré a čo je načase splniť. Dnes sa chcem venovať pluginu, ktorý považujem za vynikajúci nástroj na optimalizáciu wodrpress šablóne. Budem písať o plugine WP Optimize. Ide o nástroj v ktorom môžeme robiť úpravy od minifikácie, odkladania čítania zdrojov „.js a .css“. Čo je v podstate takmer až niekoľko sekundové uvoľnenie vlákna. V záležitosti od počtu použitých scriptov a ďalších pluginov. Čím menej, tým rýchlejšie sa návštevník dostane na web a zbytočne nečaká na otvorenie stránky.
Optimalizácia nie je len o js a css, obrázkov. V prvom rade je to správne zloženie html zdroja stránky v optimálnom poradí. No nie len to. Ide aj o cudzie odkazy/linky vedúce z vášho webu von. Tie obyčajne zapríčinia niekoľko násobne väčší čas overovaním robota ako samotné načítanie webu. Ak môžete vyhnite sa nedôležitým praktikám. Niekedy také linky von môžu aj uškodiť vášmu hodnoteniu ako celku.
Optimalizácia webu začína css súborom
Vždy ako prvé je určenie čo sa v html deje ako prvé. Ak nehodnotíme hlavičku a meta description. V html ako prvé za indexom je čítaný najväčší a najdôležitejší súbor css. Potom príde javascript a už sa to môže striedať podľa rozloženia a potreby aby sa korektne web zobrazoval. Ako teda začať optimalizáciu webu v programe wp optimize. Najlepšie prečítať si návod na použitie. Kto to nepochopí z návodu, tak aspoň takto. Vždy ako prvé vyriešte scripty.
Optimalizáca scriptov je urobená
Ideme sa trocha mordovať v súboroch css. To je totiž alchýmia sama o sebe. Kým zistíme, ktorý súbor do ktorého okna prilepíme. Nie je to jedno. Niektorý súbor je hlavný a ovplyvní nám zobrazovanie webu. Pokiaľ to nevieme tak nám to oznámi ktorýkoľvek z online testov pagespeed.web.dev, alebo aj o kúsok rozšírený na viaceré funkcie web.dev. Ak však chceme úplný report o tom ako si stojíme, použiť môžete GTmetrix.
V každom z týchto testerov nehľadajte výsledné numero na obrazovke. Hľadajte najprv, či sa do základného testu nedostavila chybička v čítaní. To tam nájdete. Tuto informáciu berte ako bernú mincu, lebo to je pre výsledok v percentách to dôležité. Teraz si povyberáme z testeru všetky adresy scriptov, ktoré ešte nemáme zapísané pre defer. Pozbierame všetky css a zapíšme do priečinkov podľa priority kam patria. Optimalizácia webu začína „naháňaním“ súborov do cache prehliadačov.
Optimalizácia môže priniesť aj chyby
Hlavne ak používate site kit. Ak nesprávne alebo nejako inak rozdelíte súbory js, tak vám to v site kit vyhodí chybu.
Optimalizácia webu a testy na ňom
Najdôležitejším ukazovateľom pre rýchlosť webu je LCP „Largest contentfull Paint“. To je ukazovateľ ako moc je zaťažené vaše vlákno a ako dlho trvá cesta vašich súborov ku klientovi. Toto číslo plne ovplyvňuje prepočítavanie tabuľky v testeri. Píšem schválne o tom, na čo je dobré sa zamerať ako prvé. Ono totižto je nadmieru pravdepodobné, že vaše obrázky nad záhybom stránky nebudú úplne spoľahlivo zadefinované veľkostne. Záhyb stránky je tá časť webu ktorá sa zobrazuje na monitore alebo displeji mobilu ako prvá. Ak dosiahnete vo výsledku na zelené čísla, všetko ostatné je doladiť takmer hračka. Nuž hračka ako hračka a ako pre koho. V každom prípade, keď sa chystáte začať ladiť, nemali by ste zabudnúť zakázať vstup robotom. Po vyladení a nastavení opäť robotom povoliť indexovanie.
Optimalizácia webu a Google
Píšem o WPOptimize preto lebo zo všetkých doplnkov pre wordpress je naj. Ani Faster cache, ani Jetpack, LittleSpeed cache a ani W3 total cache nemajú také funkcie. Dokonca W3 je tak zložitý ako sa len dá. Keďže, Google a aj ostatní tieto chyby optimalizácie webu penalizujú, takže dajte si záležať aby CLS bolo bezchybné. Či už máte obrázky nad alebo (tak ako som to dodatočne urobil na indexe hlavnej stránky) pod záhybom stránky, vždy to majte na pamäti, že je to dôležité. Hotovým webom sa potom už ťažšie manipuluje k odstráneniu chybičiek.
Google a aj ostatní tieto chyby optimalizácie webu penalizujú, takže dajte si záležať aby CLS bolo bezchybné. Ak si neviete rady, mali by ste napísať mne, alebo niekomu kto tomu 100% rozumie. Rozhodne ak nepochopíte nastavenia, neskúmajte ich podstatu a nerobte zásahy sami.
Pavol Knut Navrátil