Det er mange måter å forbedre ytelsen til WordPress-bloggen din. Vi har diskutert bruk av caching-plugin, rydder opp og optimaliserer databasen din, og også mange andre tips for å øke hastigheten på innlastingstiden. I denne artikkelen skal vi vise deg hvordan du kan forbedre nettstedets ytelse ytterligere ved å laste bildene dine på etterspørsel.

Alle bloggeiere vil vite at bildene spiller en viktig rolle i et blogginnlegg. I Make Tech Easier, vi elsker å bruke mange skjermbilder for å gjøre opplæringen klarere og enklere å forstå. Det er imidlertid ett problem med dette. Jo flere bilder du har, jo langsommere laster nettstedet og bruker mer båndbredde. I tillegg, ettersom vi har outsourcet bildene våre til Amazon S3, gir høyere båndbredde også høyere kostnader.

En god løsning på dette er å laste bildene dine på etterspørsel, eller det som vanligvis kalles lat lasting.

Lazy Loader er et jQuery-plugin som forsinker lastingen av bilder på (lange) nettsider. Bilder utenfor visningsporten (synlig del av nettsiden) vil ikke bli lastet inntil brukeren ruller til dem. For nettsteder som bruker mange bilder, kan lat belastning få siden til å lastes raskere og også bidra til å redusere serverbelastning (og kostnad).

For å unngå å gå inn i den tekniske detaljen, la oss se på de (enkleste) måtene som du kan integrere i WordPress-bloggen din.

1. jQuery Image Lazy Loader

Uten tvil er plugin vei for å forenkle ting i WordPress. jQuery Image Lazy Loader er en slik plugin som integrerer lataktighetsfunksjonen på nettstedet ditt.

Det er ingen konfigurasjon nødvendig. Alt du trenger å gjøre er å installere pluginet og aktivere det.

Når det er aktivert, fungerer latsklastskriptet på alle sider på nettstedet.

2. Lazy Loader

Lazy Loader er et annet plugin som integrerer lazy load-funksjonen på nettstedet ditt. Forskjellen er, den kan konfigureres. Lazy Loader-plugin er ikke tilgjengelig i WordPress-depotet, så du må gå til utviklerens nettsted og laste den ned (som også betyr at du ikke kan installere den direkte fra WordPress-dashbordet).

Når du har lastet ned, installert og aktivert det, kan du gå til " Innstillinger -> Lazy Loader " -delen for å konfigurere plugin.

Alternativer som er tilgjengelige, inkluderer å sette inn lattlasteskriptet på alle sider, hjemmesider, innlegg, sider, kategori etc. Du kan også angi grenseverdien (antall bilder som skal lastes under visningsporten) for å unngå et lag i bildebelastningen.

Andre alternativer inkluderer lastingseffekter og bruk av ditt eget plasseringsbilde.

Konklusjon

Lazy loading er en god måte å redusere båndbredden på nettstedet ditt, forbedre sidens lastetid og total ytelse. Hvis du bare vil ha en plug-and-play-løsning, er jQuery Image Lazy Loader den som skal gå. Hvis du vil ha mer kontroll, er Lazy Loader-plugin et bedre valg.

Til slutt, for de som er dyktige nok, vil du kanskje sjekke ut det lette lasteprosjektet for dyp integrering i nettstedet ditt.

Bilde kreditt: takamorry