Hur man korrekt inaktiverar lazy load i WordPress (steg för steg)

Som standard använder WordPress lazy loading för att fördröja nedladdning av media, vilket förbättrar laddningstiderna.

På WPBeginner använder vi den här funktionen på några av våra webbplatser för att snabba upp saker. Det hjälper sidor att laddas snabbare genom att fördröja bilder tills de faktiskt behövs.

Det finns dock gott om skäl att inaktivera lat laddning, oavsett om det är för att optimera specifika element, felsöka problem, säkerställa plugin-kompatibilitet eller förhindra en dålig användarupplevelse.

I den här artikeln visar vi hur du enkelt kan inaktivera lazy loading i WordPress.

Vad är Lazy Loading?

WordPress introducerade först lazy loading av bilder i WordPress 5.5. Senare utökade de lazy load-funktionen till iframe-inbäddningar (som YouTube-videor, Spotify och andra inbäddningar).

Denna metod hjälper till att förbättra din webbplats prestanda och sidhastighet genom att snabbt ladda innehåll i det synliga området först.

En snabbare webbplats är inte bara bra för användarna, utan kan också förbättra din webbplats ranking eftersom sökmotorer som Google anser att hastighet är en viktig rankingfaktor.

Förutom bilder och inbäddningar kan du också enkelt lazy loader kommentarer och Gravatars för att ytterligare förbättra sidans laddningshastighet.

Du kan se lazy loading-funktionaliteten i aktion genom att högerklicka på en bild och välja verktyget Inspektera i din webbläsare.

Detta delar din webbläsares skärm och visar dig HTML-källkoden. Härifrån kan du se attributet “loading=lazy” som har lagts till i bilden.

Normalt rekommenderar vi inte att inaktivera lazy load på grund av dess övergripande fördelar för din WordPress-webbplats. Att stänga av det kan resultera i långsammare webbplatshastighet, lägre konverteringsgrad och lägre SEO-rankning.

Lazy loading kan dock skada användarupplevelsen för vissa webbplatser.

Till exempel, om du driver en fotografisk webbplats där bilder är den viktigaste aspekten av ditt innehåll, kan lazy loading av dem förstöra användarupplevelsen för dina kunder.

I andra fall kanske du använder en annan lösning för lat laddning och bara vill stänga av standardmässig lat laddning i WordPress.

Med det sagt, låt oss se hur du enkelt kan inaktivera lazy load i WordPress.

För den här handledningen visar vi en kodmetod och en plugin-metod. Du kan använda länkarna nedan för att hoppa till det alternativ du föredrar:

• Metod 1: Inaktivera Lazy Load i WordPress med WPCode (Rekommenderas)
• Metod 2: Inaktivera lat laddning i WordPress med ett plugin
• Videohandledning
• Bonus: Öka din webbplats hastighet och prestanda

Metod 1: Inaktivera Lazy Load i WordPress med WPCode (Rekommenderas)

Du kan inaktivera lazy load-funktionen i WordPress genom att lägga till anpassad kod i din temas functions.php-fil.

Tänk dock på att det minsta felet vid tillägg av koden kan bryta din webbplats och göra den otillgänglig.

Det är därför vi rekommenderar att använda WPCode för att lägga till anpassad kod.

Det är det bästa pluginet för anpassade kodavsnitt för WordPress på marknaden. Dessutom gör det det superenkelt och säkert att lägga till kod på din webbplats.

Vi har testat det noggrant på vår demosida och sett utmärkta resultat. För att lära dig mer, se vår kompletta WPCode-recension.

Först måste du installera och aktivera pluginet WPCode. För detaljerade instruktioner, se vår guide om hur man installerar ett WordPress-plugin.

När du har aktiverat, besök sidan Kodavsnitt » + Lägg till avsnitt från WordPress-instrumentpanelen.

Klicka härifrån på knappen 'Använd snutt' under alternativet 'Lägg till din anpassade kod (ny snutt)'.

Detta leder dig till sidan 'Skapa anpassad kodsnutt', där du kan börja med att skriva ett namn för din kodsnutt.

Detta kan vara vad som helst som hjälper dig att identifiera kodsnutten och vad den gör. Vi kallade vår 'Inaktivera Lazy Load'.

När du har gett ditt anpassade kodavsnitt ett namn, välj 'PHP Snippet' från rullgardinsmenyn 'Code Type' i det övre högra hörnet av skärmen.

Kopiera och klistra nu in följande PHP-kod i rutan 'Kodförhandsgranskning':

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Så här kommer koden att se ut efter att den har klistrats in.

Rulla sedan ner till avsnittet 'Infogning'. Välj här helt enkelt läget 'Automatisk infogning'.

Detta säkerställer att din anpassade kod automatiskt körs överallt på din WordPress-webbplats när du aktiverar kodavsnittet.

Bläddra sedan tillbaka till toppen av sidan och byt helt enkelt från omkopplaren ‘Inaktiv’ till ‘Aktiv’.

Glöm slutligen inte att klicka på knappen ‘Spara kodsnutt’ för att spara och köra din kodsnutt.

Nu kommer lazy loading att inaktiveras på din WordPress-webbplats.

Du kan testa detta genom att högerklicka på en bild och välja ‘Inspektera’ från webbläsarens meny.

I HTML-koden för bilden kommer attributet ‘loading=lazy’ nu att försvinna.

Metod 2: Inaktivera lat laddning i WordPress med ett plugin

Om du inte vill lägga till kod på din webbplats kan du använda ett plugin för att inaktivera lat laddning i WordPress.

Det enda du behöver göra är att installera och aktivera pluginet Disable Lazy Load. För fler instruktioner, kolla vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Pluginet fungerar direkt ur lådan och kräver ingen konfiguration. När det har aktiverats kommer det automatiskt att inaktivera funktionen för lat laddning på din webbplats.

Videohandledning

Om du inte föredrar skriftliga instruktioner, kan du titta på vår videoguide:

Bonus: Öka din webbplats hastighet och prestanda

När du väl har inaktiverat lazy loading kan det påverka din webbplats hastighet och prestanda negativt.

I det fallet kan du prova andra tips för att öka din webbplats prestanda och minska sidladdningstiden. Du kan till exempel optimera bilderna på din webbplats genom att komprimera dem, använda JPEG eller PNG som filformat, och mer.

Dessutom bör du alltid köra den senaste versionen av WordPress, använda utdrag på startsidan, dela upp kommentarer i sidor och använda SEO-optimerade teman på din webbplats.

Utöver det kan du även använda cache-plugins som WP Rocket eller WP Super Cache för att ytterligare öka din webbplats hastighet.

För fler tips kan du se vår nybörjarguide om hur du ökar WordPress hastighet och prestanda.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du korrekt inaktiverar lazy load i WordPress. Du kanske också vill se vår nybörjarguide om hur man optimerar WordPress-bilder för bättre sidladdningstider eller se vårt urval av de bästa WordPress-plugins för bildkomprimering.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.