Lazy Loading WordPress: zvyšte výkon svých stránek pomocí LWS Optimize

Procédure

Co je to líné načítání?

Představte si, že navštívíte webové stránky a musíte nekonečně dlouho čekat na jejich úplné načtení kvůli velkému množství velkých obrázků a videí, které se váš prohlížeč snaží načíst. Je velká pravděpodobnost, že si tento web přestanete prohlížet a upřednostníte jiný, lépe optimalizovaný. Aby se tento příklad nestal realitou na vašem webu, je nezbytné věnovat čas optimalizaci obrázků a aktivovat líné načítání.

Co je líné načítání? I Je to technika, která načítá pouze obrázky a videa viditelná nad vodorovnou linií (tj. to, co vidíte na webu, aniž byste museli stránku posouvat dolů), což prohlížeči umožní načíst nejdříve důležitý obsah stránky, čímž se zkrátí doba načítání a zlepší výkon.

Tento efekt je obzvláště patrný na stránkách, které zobrazují velké množství obrázků, protože ty patří k nejzatíženějším a nejdéle se načítajícím prvkům na stránce.

Zlepšete rychlost svých stránek pomocí funkce líného načítání, která umožňuje načítání obrázků a videí až ve chvíli, kdy jsou na obrazovce viditelné. Pomocí nástroje LWS Optimize tuto možnost aktivujete jedním kliknutím, přičemž si zachováte kontrolu nad tím, které prvky se mají vyloučit. Tento nejlepší cachovací plugin pro WordPress je kompletním řešením pro zvýšení výkonu, který je k dispozici v oficiálním adresáři jako nejlepší bezplatný cachovací plugin pro WordPress.

Jak používáte lazy-load na svých stránkách?

WordPress již několik let nabízí lazy-loading ve výchozím nastavení pro obrázky a iframe; pokud používáte verzi WordPressu vyšší než 5.6, měli byste jej již umět využít.
Pokud to však chcete udělat ručně, nepoužíváte WordPress nebo používáte verzi předcházející verzi 5.6, jednoduše přidejte atribut lazy="load" k prvku, který chcete mít líně načtený, pokud je kompatibilní:

Tím prohlížeči řeknete, aby jej načítal líně. Prohlížeče automaticky vyberou, kdy se mají obrázky načíst, takže nemusíte dělat nic dalšího. Pokud prvek, ke kterému jste atribut přidali, není kompatibilní, nic se nestane.

Některá rozšíření také umožňují vylepšit nebo ovládat líné načítání WordPressu. Jedním z těchto rozšíření je LWS Optimize, rozšíření od společnosti LWS.

Aktivace líného načítání pomocí LWS Optimize

Chcete-li aktivovat líné načítání z LWS Optimize, jednoduše přejděte do nastavení rozšíření, v části pro pokročilé přes vyhrazené tlačítko a poté na kartu "Média":

Zde zaškrtněte akce "Lazy Loading for Images" a "Lazy Loading for Iframes and videos" a aktivujte je. Jejich aktivaci potvrďte kliknutím na tlačítko "Uložit novou konfiguraci" vpravo dole.

Položky můžete z líného načítání také vyloučit. To provedete kliknutím na tlačítko "Vyloučit soubory", čímž se otevře nové okno, ve kterém můžete spravovat různé položky:

Můžete vyloučit prvky z líného načítání podle tříd CSS, které mají, nebo podle typu média, ke kterému patří (video, iframe atd.). Můžete také jednoduše zadat adresu URL, která má být vyloučena, čímž se z procesu vyloučí všechny prvky, které tuto adresu URL obsahují. Po zadání vyloučení klikněte na tlačítko "Uložit" a uložte změny.

Závěr

Nyní víte, jak: snížit dobu načítání webu zavedením líného načítání, používat tuto techniku ručně i pomocí rozšíření a spravovat výjimky pro určité prvky. 🚀

Díky tomuto článku by pro vás optimalizace webových stránek již neměla být žádným tajemstvím. Nyní budete moci na svých stránkách WordPress povolit líné načítání, používat pluginy, jako je LWS Optimize, pro další kontrolu, a dokonce budete vědět, jak v případě potřeby z této optimalizace vyloučit určité obrázky nebo videa. 💡

Vaši uživatelé si budou moci užívat lepšího uživatelského zážitku díky stránkám, které se načítají rychle a bez frustrace. 🌐✨

Děkujeme, že jste dočetli až sem! Zajímá nás váš názor: už jste na svých stránkách implementovali líné načítání? Setkáváte se s nějakými konkrétními problémy? Neváhejte se podělit o své zkušenosti a položit otázky v komentářích níže. 👇 Vaše zpětná vazba je cenná a může pomoci dalším čtenářům!

A pokud pro vás byl tento článek užitečný, zvažte jeho sdílení s dalšími webmastery nebo vývojáři, kterým by tyto tipy mohly být užitečné! 🤓