Det finns många sätt att förbättra prestanda på din WordPress-blogg. Vi har diskuterat användningen av caching-plugin, rengöring och optimering av din databas och och många andra tips för att påskynda laddningstiden. I den här artikeln kommer vi att visa dig hur du kan förbättra webbplatsens prestanda ytterligare genom att ladda dina bilder på begäran.

Alla bloggägare kommer att veta att bilder spelar en viktig roll i ett blogginlägg. I Make Tech Easier, vi älskar att använda massor av skärmdumpar för att göra handledningen tydligare och lättare att förstå. Det finns emellertid ett problem med detta. Ju fler bilder du har desto långsammare laddar webbplatsen och utnyttjar mer bandbredd. Dessutom, som vi har outsourcat våra bilder värd till Amazon S3, den högre bandbredden översätter också till högre kostnad.

En bra lösning på detta är att ladda dina bilder på efterfrågan, eller det som är mest känt som lat laddning.

Lazy Loader är ett jQuery-plugin som försenar laddningen av bilder på (långa) webbsidor. Bilder utanför visningsporten (synlig del av webbsidan) kommer inte att laddas tills användaren bläddrar till dem. För webbplatser som använder massor av bilder kan lat laddning göra att sidan laddas snabbare och hjälper också till att minska serverns belastning (och kostnad).

För att undvika att gå in på den tekniska detaljerna, låt oss titta på de (enklaste) sätten att du kan integrera detta i din WordPress-blogg.

1. jQuery Image Lazy Loader

Utan tvekan är plugin sättet att förenkla saker i WordPress. jQuery Image Lazy Loader är ett sådant plugin som integrerar lata lastfunktionen i din webbplats.

Det krävs ingen konfiguration. Allt du behöver göra är att installera plugin och aktivera det.

När det är aktiverat fungerar lata skriptet på alla sidor på webbplatsen.

2. Lazy Loader

Lazy Loader är ett annat plugin som integrerar funktionen latisk laddning på din webbplats. Skillnaden är att den är konfigurerbar. Plugin för Lazy Loader är inte tillgängligt i WordPress-förvaret, så du måste gå till utvecklarens webbplats och ladda ner den (vilket också innebär att du inte kommer att kunna installera den direkt från din WordPress-instrumentpanel).

När du har laddat ner, installerat och aktiverat det kan du gå till avsnittet " Inställningar -> Lazy Loader " för att konfigurera plugin.

Alternativ som finns är att lägga in det lazy load-skriptet på alla sidor, hemsida, inlägg, sidor, kategori etc. Du kan också ställa in tröskelgränsen (antalet bilder som ska laddas under visningsporten) för att undvika en lagring i bildbelastningen.

Andra alternativ inkluderar laddningseffekterna och använd din egen platshållare bild.

Slutsats

Lazy loading är ett bra sätt att minska din bandbredd, förbättra sidans laddningstid och övergripande prestanda. Om du bara vill ha en plug and play-lösning, är jQuery Image Lazy Loader den som ska gå för. Om du vill ha mer kontroll, är plugin för Lazy Loader ett bättre val.

Slutligen kan du, för dem som är skickliga nog, kolla in det lata lastprojektet för djup integration i din webbplats.

Bildkrediter: takamorry