Praktická príručka pre každého, kto pridáva obsah na web
Ako správne pracovať s médiami na webe
Priprav obrázok ešte pred nahratím. Web bude rýchlejší, lacnejší na prevádzku a príjemnejší pre ľudí.
Pre väčšinu obrázkov je dobrý základ šírka približne 1280 px.
Rýchly štart
Kde bude obrázok použitý?
Vyber miesto použitia. Konkrétne pravidlá tvojho webu alebo komponentu majú vždy prednosť.
Odporúčanie
Hlavný obrázok
Fotografia: Unsplash
Kontrola bez nahrávania
Je môj obrázok pripravený?
Súbor zostáva iba v tvojom prehliadači. Skontrolujeme rozmery, formát a dátovú veľkosť.
Výsledok kontroly
Zatiaľ čakáme na obrázok.
Nič sa neodosiela na server.
Dopad v číslach
Malý súbor, veľký rozdiel
Model porovnáva pôvodné obrázky s optimalizovanými obrázkami s veľkosťou 200 kB.
Potenciálna úspora
96 MB
Pri 20 obrázkoch ušetríš približne 96 % zdrojových dát. WordPress môže navyše vytvoriť ďalšie odvodené veľkosti.
Pred publikovaním
Posledná kontrola
Zaškrtni všetko, čo máš vyriešené. Stav sa neodosiela ani neukladá na server.
0 z 10 bodov
Keď chceš porozumieť viac
Médiá nie sú iba obrázky
Výsledok vzniká vo vrstvách: správny zdroj, WordPress, optimalizácia, cache, doručovanie a vhodné úložisko.
Od zdroja k návštevníkovi
Priprav primeraný rozmer, pomer strán a formát.
WordPress vytvorí responzívne verzie.
Optimalizačná vrstva komprimuje a môže vytvoriť WebP či AVIF.
Cache a CDN obsah efektívnejšie doručia.
Nástroje a služby
Čo môže pomôcť vo WordPresse
Pluginy na optimalizáciu a zrýchlenie webu vyberá a nastavuje správca WordPressu.
Ide najmä o pluginy, teda doplnky, ktoré sa inštalujú priamo do WordPressu. Niektoré pritom využívajú aj externé cloudové služby. Ich výber, inštaláciu a nastavenie zvyčajne rieši správca webu. Pri bežnom pridávaní článkov a obrázkov ich autor obsahu väčšinou nemusí nastavovať.
Nepotrebuješ všetky uvedené pluginy. Viaceré riešia rovnakú úlohu, preto sa vyberá vhodné riešenie podľa potrieb a aktuálneho nastavenia webu. Táto príručka predstavuje všeobecné možnosti; konkrétny výber pre tvoj projekt treba posúdiť samostatne.
Čo je cache?
Cache, čítaj „keš“, je dočasne uložený pripravený obsah. Pri cache stránok vo WordPresse sa uloží hotová verzia stránky, aby ju WordPress nemusel pri každej návšteve vytvárať odznova. Stránka sa tak môže načítať rýchlejšie a server má menej práce.
Po zmene obsahu treba cache obnoviť alebo vymazať, aby návštevníci videli aktuálnu verziu. Správne nastavený plugin to zvyčajne robí automaticky. Cache dopĺňa optimalizáciu obrázkov. Samotné veľké súbory nezmenšuje.
Kompresia, zmenšenie, WebP, AVIF a hromadná optimalizácia.
Cloudová optimalizácia, adaptívne rozmery, lazy loading a CDN.
Lokálna optimalizácia, kontrola náhľadov a cloudové doručovanie.
Výkonnostná vrstva pre WordPress na Nginx a Apache.
Cache a optimalizácia pre servery LiteSpeed.
Európske cache riešenie s Redis, Memcached a Cloudflare integráciou.
Niektoré odkazy môžu byť partnerské. Ak cez ne službu objednáš, autor môže dostať províziu bez navýšenia tvojej ceny. Odporúčanie tým nie je kúpené.
Nezávislý vzdelávací projekt
Pomohla ti táto príručka?
Vytvoril ju Juraj Hudák z plexcore, aby boli weby rýchlejšie, udržateľnejšie a príjemnejšie pre ľudí. Drobnou podporou pomôžeš udržať obsah otvorený a aktuálny.