Ako nadpis napovedá správne nastavenia WP Optimize vlastne ani neexistujú. Je to podmienené tým, že každý web má inú architektúru a tým pádom, ladenie tých správnych nastavení pluginu WP Optimize je veľké množstvo možností od webu k webu. Ja sa ale pokúsim aspoň priblížiť k tomu, aby som vám čo najjednoduchšie ukázal cez obrázky, ako postupovať a textovo vysvetlím jednotlivé časti postupu.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Určite už každý z vás inštaloval rôzne pluginy takže ako to nájsť a inštalovať plugin vysvetľovať nebudem. Keď si plugin aktivujete je čas na krok jedna, to sú nastavenia. Na tejto položke je výber, či chcete povoliť aby sa zobrazovala ponuka administračnej lišty a v tej istej lište mať aj ďalšie údaje o vyrovnávacej pamäti. V podstate nemusíte nič zaškrtávať, to si môžete urobiť kedykoľvek v priebehu času po dokončení.
Druhý krok – Databáza WP Optimize
Ako na obrázku vidíte, týchto päť funkcii môžete zaškrtnúť a spustiť vybrané optimalizácie. Samozrejme ak potrebujete je tam aj povel aby ste si urobili zálohu cez updraft plus. Keď skončia všetky procesy čistenia a optimalizovania, máte databázu pripravenú na ďalšie nastavovacie úkony vo WP Optimize. Z tohto okna neodchádzajte len prekliknite na nastavenie. Tu si môžete podľa svojich priorít nastaviť čas alebo časy plánovania revízii a plánované čistenie pre optimalizáciu.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Čas čistenia si nastavte tak, v akom časovom horizonte ste schopný alebo aj neschopný urobiť potrebné úkony manuálne sám. Plánované čistenie to môže vykonať za vás a nemusíte vôbec kontrolovať stav spamu, revízie, konceptové príspevky ktoré sa odstránia automaticky, vyradené príspevky z koša, alebo databázové tabuľky.
Tretí krok – Nastavenie pre knižnicu obrázkov
WP Optimize má pre obrázky veľký význam pretože nemusíte sťahovať samostatný plugin pre optimalizáciu knižnice obrázkov. Okrem priority nastavenia kvality kompresie a možností voliť webp nastavenia. Tu je automaticky predvolená funkcia lazy load pre vaše obrázky. Na výber máte aj či chcete zachovať exif pre fotografie (čo je super pre vyhľadávače a fotografov) a navyše, ak nahrávate do knižnice jpg, program ich vie automaticky formátovať do webp.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Informácia pre tých ktorí ešte len začínajú s tvorbou webov, nezabudnite vypĺňať title a alty obrázkov. Každý alt=““ />, teda prázdne úvodzovky, budú spomaľovať nie len hodnotenie ale aj rendrovanie robotmi o pár milisekúnd.
Štvrtý krok – WP optimize minifikovať
Hlavným a neodmysliteľným faktom je uvedomiť si čo chcete vopred riešiť. Takže, spúšťať tie správne povelové funkcie. Pretože tu je na výber len so štyroch variant, ale aj keď sú len štyri v skutočnosti ich je viac a to v závislosti na povele Javascript a ďalší krok css. Ak nezaškrtnete políčko javascrip v následnom kroku sa budete rozhodovať len pre jednu možnosť.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Pri zaškrtnutom políčku máte na ďalšom kroku možnosť zadať Exclude alebo Defer. Ale to je až ďalší krok. Keď zaškrtnete všetky štyri voľby, stlačte „vyčistiť mimifikované súbory“. Po malej chvíli budete môcť vidieť čo sa nachádza v aktuálnej vyrovnávacej pamäti a aj v celkovej pamäti.
Piaty krok – WP Optimize JavaScript
Na samom vrchu sú tri povely čo chcete aby bolo vykonané. Povoliť minifikáciu, povoliť zlúčenie súborov JavaScript. Tretia možnosť je, aby boli zahrnuté aj súbory, ktoré môžu byť izolované chybnou minifikáciou. Dole máme položky dve. Do položky asynchrónne načítanie javasriptov môžeme manuálne zapísať cestu cudzích linkov ktoré pri vstupnom rendrovaní nepotrebujeme ihneď načítať prehliadačom.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Môžeme to urobiť aj jednoduchšie voľbou dva, kde odložíme kompletne všetky javascripty ktoré program WP Optimize rozozná a určí ako nepodstatné. Ak ssa rozhodneme pre hromadné odloženie scriptov, môžeme ešte určiť čo môže program urobiť dodatkovo. Môže odložiť html a odložiť aj jQuery.
Šiesty krok – súbory CSS
Na vrchu máme štyri možnosti. Povoliť minifikáciu, povoliť zlúčenie súborov, inline css, odstránenie šablón súvisiacich s tlačou. Pre mnohých niečo, čo by ani neriešili. No vždy ide o rýchlosti načítania celého webu. Nuž a rýchlosť webu na sieti dáva potom potrebné ranky vyhľadávacím robotom hodnoteniu webu. Teda základnej architektúre. Následne tu máme veľké okno do ktorého sa dá písať ktoré súbory css chceme aby boli vylúčené a teda ignorované pre roboty.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Sem môžeme zadať link na GA4, Analytics, Site kit atď. všetky meracie prostriedky. Do druhého okna môžeme zapísať všetky css štýly ktoré chceme zapísať asynchrónne. Sú to v princípe linky pre fonty googlu, naše vlastné woff2 a naše css atď. Tieto linky nám vypíše web page test, alebo aj vynikajúci tester chrome dev ktorý ale treba nainštalovať na počítač. Teda ako prehliadač chrome. Test môžeš urobiť aj na GT Metrix a všímaj si koľko máš načítaných súborov a časy v milisekundách.
Siedmy krok – WP Optimize písma, čiže fonty
Tu máme samostatne len štyri možnosti. Prvé dva môžeme aj nemusím použiť súčasne. Záleží či váš web je závislý na používaných fontoch druhých strán. Druhá možnosť (ktorá môže byť použitá súčasne s obomi zvolenými vrchnými príkazmi) povoliť podľa nastavení v css, vložené súbory fontov google, asynchrónne načítanie google fontov, alebo asynchrónne načítanie google fontov pomocou javascriptu.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Tretia možnosť, vybrať písma fonty awesome. Toto zaškrtneme len v prípade, ak sa nachádza font-awesome v url adrese.
Ôsmy krok – nastavenia
Ako prvé na voľbu je zlúčte inline css a javascript. To je dobrá voľba. Je prijateľnejšie mať zlúčené súbory. Namiesto 40 povedzme ich bude jeden súbor pre všetky js a jeden pre css. Druhá voľba je zakázať minifikáciu ak používate sekcie pre prihlásených užívateľov. Bez zakázania by sa nemohli zaregistrovať, tak na to treba dať dôraz.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Tretia voľba je odstrániť meta z hlavičky, nuž a to by som ja nerobil. Meta informácie sú dôležité (aj keď mnohými opovrhované) najmä pre roboty vyhľadávacích pavúkov. Štvrtá voľba je pre odstránenie predvolených ikoniek WordPress a TinyMCE. Kto chce a kto nechce to je na každom z vás pre čo sa rozhodne. Mne osobne teda vadia obrázky swg, lebo ich nik slušne neprogramuje tak aby mali dostatočné miesta okolo seba, trebárs na kliknutie či posunutie prstom na mobile. Čítaj druhý diel, dozvieš sa viac.
Pavol Knut Navrátil