Jak odložit obrázky mimo obrazovku ve WordPressu

Všichni víme, že rychlost je pro SEO a konverzi velmi důležitá. Rychlá tvorba webových stránek může pomoci této webové stránce dosáhnout vyšší pozice na Googlu. A může potěšit i vaše čtenáře. Kdo by neměl rád rychlý web?

Když se však snažíte optimalizovat web na rychlost, může to být časově náročné s tolika věcmi, které musíte udělat. Obvykle se tu a tam snažím otestovat své webové stránky a ujistit se, že nefungují špatně. Nikdy nevíte, co je tam nového. Ve světě SEO se věci velmi často mění.

Pokud jste svůj web zkontrolovali nástroje pro testování rychlosti jako Google PageSpeed ​​Insight nebo Web.dev, jedním z varování, které můžete dostat, je „odložit snímky mimo obrazovku“.

V tomto článku vysvětlím, co to znamená, řeknu vám, jak to opravit, a doporučím pluginy, které můžete použít k opravě.

Měli byste však vědět, že proč může odložení snímků mimo obrazovku zvýšit rychlost vašeho mobilního zařízení, nejdůležitějšími faktory ovlivňujícími vaši rychlost jsou váš hosting a téma. Zde v BloggingTools používáme Cloudways protože je to nejrychlejší WordPress hosting. Pokud si nemůžete dovolit Cloudways, pak jsou dobrou volbou Bluehost nebo Hostinger. Pro téma používáme nejrychlejší téma WordPress známé jako generovat Press.

Co znamená odložit snímky mimo obrazovku?

Odložit obrázky mimo obrazovku znamená zpozdit načítání obrázků, které uživatel ještě nevidí. Prohlížeč se tak soustředí na načítání pouze toho, co je nutné, a v konečném důsledku zrychlení webu.

Pokud máte na svých příspěvcích nebo domovské stránce mnoho obrázků, když uživatel navštíví váš web, prohlížeč okamžitě začne vše načítat. Pokud je obrázků mnoho, může vykreslení stránky uživateli trvat hodně času.

Ale když odložíte obrázky mimo obrazovku, obrázky se načtou, pouze když na ně uživatel přejde.

Všimněte si, že nejde jen o obrázky, které můžete odložit, ale většinu aktiv vašeho webu lze odložit, dokud je nebudete potřebovat.

Jak odložit obrázky mimo obrazovku ve WordPressu

Obrázky mimo obrazovku můžete odložit líným načítáním obrázků. Líné načítání zajistí, že se obrázky načtou pouze tehdy, když jsou potřeba. Díky tomu bude web rychlejší.

Jakmile budete schopni líně načítat obrázky a další prostředky, které brání rychlému načítání vaší stránky. Zmizí „odložení obrázků mimo obrazovku“ z Google PageSpeed ​​Insight a dalších testovacích nástrojů.

Chcete-li odložit obrázky mimo obrazovku ve WordPressu, postupujte takto:

1. Nainstalujte plugin Lazy loading

Existuje mnoho pluginů pro líné načítání, které jsou k dispozici zdarma v adresáři pluginů WordPress. Můžete přejít na Plugin, přidat nový a poté zadat líné načítání. Instalujte kdokoli s dobrými recenzemi.

Nemusíte však instalovat žádný plugin, pokud již máte pluginy, které zvládají líné načítání. Většina pluginů pro ukládání do mezipaměti má pomalé načítání. Zkontrolujte, zda váš modul pro ukládání do mezipaměti neobsahuje možnosti opožděného načítání. Pluginy pro optimalizaci obrázků mají většinou možnost líného načítání.

Také pokud používáte Jetpack a autoptimize, mají možnosti líného načítání.

2. Aktivujte možnosti líného načítání

Po instalaci pluginu se ujistěte, že jste aktivovali možnost líného načítání. Pokud máte plugin mezipaměti s funkcí líného načítání, ujistěte se, že tuto možnost aktivujete.

3. Vymažte mezipaměť.

Jakmile je aktivováno líné načítání, vymažte mezipaměť a to je vše!

Svůj web můžete znovu otestovat, varování by mělo být pryč!

Plugin WordPress odložit obrázky mimo obrazovku

Pluginy Defer offsreen obrázků jsou stejné jako pluginy pro líné načítání. Zde jsou některé níže:

1. jetpack

jetpack je jedním z nejpopulárnějších pluginů WordPress s více než 5 miliony aktivních instalací. Pokud již máte Jetpack nainstalovaný, nemusíte instalovat další plugin pro líné načítání.

Jednoduše aktivujte líné načítání v Jetpacku. Chcete-li aktivovat, přejděte do nastavení Jetpack a poté na kartě Výkon přejděte dolů a povolte líné načítání.

2. Autooptimalizace

Autoptimize je velmi oblíbený výkonnostní plugin. Pokud používáte Autoptimize, není potřeba instalovat plugin pro líné načítání, protože Autoptimize má stejnou funkci.

Přejděte do nastavení Autoptimize, klikněte na kartu obrázky a povolte líné načítání.

3. WP Rocket

WP Rocket je nejoblíbenější prémiový modul pro ukládání do mezipaměti WordPress. Pokud používáte WP Rocket, nepotřebujete žádný další plugin, mají povolené líné načítání.

Přejděte do nastavení WP Rocket a poté klikněte na médium, odtud můžete povolit líné načítání.

4. LiteSpeed ​​Cache

Pokud používáte LiteSpeed ​​Cache plugin, Má funkci lenošení načítání. Chcete-li aktivovat, jednoduše přejděte do sekce médií a tam můžete povolit líné načítání.

5. a3 Líná zátěž

Pokud potřebujete plugin pro samotné Lazy loading a3 Líné zatížení je na to dobrý plugin. Jednoduše přejděte na plugin > přidat nový. Vyhledejte a3 Lazy Load. Nainstalujte a aktivujte. Poté přejděte do nastavení pluginu a aktivujte líné načítání.

Obecně platí, že některá témata, některé pluginy mezipaměti a některé pluginy pro optimalizaci obrázků přicházejí s funkcí líného načítání.

Často kladené otázky (FAQ)