V posledním týdnu jsme se podívali na několik webových stránek, které máme pod naší správou. Většinou se jedná o weby, které jsme sami vytvářeli a klienti se rozhodli, že chtějí i pravidelnou správu webu tak, aby byl web po technické stránce v dobrém (skvělém) stavu. V poslední době bylo ve světě WordPress a „optimalizace“ webů trochu rušno. Tak se na to pojďme podívat.
WordPress 5.5
Určitě musíme začít samotným novým jádrem WordPress – verze 5.5. I když se to nezdá, tak tato nová verze nejoblíbenějšího CMS obsahuje docela důléžité změny a to konkrétně:
- nativní lazy-loading pro obrázky – neboli, že se načítají obrázky pouze „nad ohybem“ – což znamená, že se nenačítají obrázky, které uživatel zatím nevidí, ale až se prohlížená plocha v prohlížeči blíží umístění obrázku, tak se obrázek načte. Toto je velká změna, sice na našich webech používáme lazy-loading pro obrázky již nějaky čás pomocí pluginů, avšak tato nativní podpora je velká věc pro všechny stránky.
- nativní XML sitemap – opět dnes již standardní součást webu, která se většinou řešila dalším pluginem – např. YOAST SEO. Ale pokud někdo chce mít pouze „čistý“ wordpress, tak tuto změnu uvítal.
- novinky ve výchozím editoru Gutenberg – block patterns, image inline editace a mnoho dalšího – pokud vás to více zajímá, tak se podívejte na oficiální stránky WP.
- odstranění jQuery migrate – jedná se o první krok – kdy se konečně WP rozhodlo udělat rázný krok směrem k používání poslední verze jQuery. Tato změna by se měla snad dokončit ve verzi WP 5.6, kdy by již mělo být výchozí poslední verze jQuery.
U poslední bodu ještě chvíli zůstaneme, protože na různých diskuzích a fórech je vidět, že tato změna odstranění jQuery Migrate zasáhla velký počet uživatelů. A to především tak, že jim přestala fungovat například část administrace nebo podobné věci. A je to i tím, že byli závislí na této komponentě. Jak se dočtete v tomto článku, tak řešením je nainstalovat si dočasně plugin jQuery Migrate Helper, který vrátí tuto komponentu do vašeho webu.
Například všechny naše weby tuto komponentu nepoužívají a dokonce jsme již weby „přepli“ na aktuální verzi jQuery, což bylo z důvodu výkonosti webu a také lepšího hodnocení v rámci různých technických analýz, jako je napříkald Google PageSpeed insights. Tento „analyzátor“ velmi kladně ohodnotil tyto změny, tnz. odstranění jQuery Migrate a přechod na aktuální verzi jQuery. Více si ukážeme dále v článku.
WP rocket
Další optimalizační kroky směřovali k pluginu – WP rocket, který používáme pro cache a další optimalizační kroky (lazy-loading, minifikace JS/CSS a další). A i zde přišel update ve formě verze 3.7, která přinesla opět nové možnosti optimalizace doručování souborů z webových stránek, které jsme ihned vyzkoušeli na našich webech, a výsledek byl velmi pozitivní.
Jak se tyto „novinky“ projevily na webech?
Neprováděli jsme detailnější analýzy pro rozklíčování konkrétních kroků, pouze jsme získali hodnocení před aktualizaci WP a dalšími optimalizačními kroky a následně, až jsme byli hotoví, tak jsme provedli měření znovu a porovnali výsledky. Pro jednoduchost jsme provedli testy pomocí Google PageSpeed insights, který měří hodnocení webu pro mobil a pro desktop.
Vybrali jsme 8 webových stránek, které měly většinou stejné výchozí hodnocení, až na CashReader, ten na tom byl trochu lépe. Jak v tabulce/obrázku výše vidíte, tak se hodnocení pro mobil zvýšilo o 40-50 bodů a pro desktop šlo o 20-30 bodů k dobru. I když všechny uvedené weby měly před nějakou dobou hodnocení kolem 70 bodů pro mobil a 90 bodů pro desktop, tak to neznamená, že takové hodnocení budou mít na vždy. Jde o to, že Google neustále „přitvrzuje„, a tím jsou kladeny také vyšší nároky na webové stránky. Takže je potřeba brát webové stránky jako „živou věc„, o kterou je nutné se neustále starat, pokud chceme v digitálním světě uspět.
Pokud byste chtěli webové stránky od nás – tak nám stačí poslat e-mail s informacemi na hello@visionslabs.io nebo vyplnit kontaktní formulář.
