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 si ověřili rychlost svého webu pomocí nástrojů pro testování rychlosti, jako je Google PageSpeed ​​Insight nebo Web.dev, jedním z varování, které se vám může zobrazit, je „odložit obrázky 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 si však uvědomit, že odložení obrázků mimo obrazovku může 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 šablona. V BloggingTools používáme Cloudways , protože je to nejrychlejší hosting pro WordPress. Pokud si Cloudways nemůžete dovolit, pak jsou dobrou volbou Bluehost nebo Hostinger. Co se týče šablony, používáme nejrychlejší šablonu WordPress známou jako GeneratePress.

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 jeden z nejpopulárnějších pluginů pro 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 populární plugin pro zvýšení výkonu. Pokud používáte Autoptimize, není tř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ý plugin pro cachování ve WordPressu. Pokud používáte WP Rocket, nepotřebujete žádný další plugin, má 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 plugin LiteSpeed ​​Cache , má funkci líného načítání. Chcete-li ji aktivovat, jednoduše přejděte do sekce médií a tam můžete líné načítání povolit.

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

Pokud potřebujete plugin pouze pro líné načítání, pak je a3 Lazy Load dobrý plugin. Jednoduše přejděte do pluginu > 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)