Gå til hovedinnhold

Hvordan bruke Lazy Load til å laste inn bilder i WordPress

Divi: det enkleste WordPress-temaet som skal brukes

Opprett enkelt nettstedet ditt med Elementor

Elementor lar deg enkelt lage ethvert webdesign med et profesjonelt utseende. Slutt å betale dyrt for det du kan gjøre selv. [Free]

Vil du lære hvordan du bruker lat lasting for å laste inn bilder i WordPress?

Lazy Load er en teknikk som lar nettstedet ditt bare laste inn bilder når en bruker ruller ned til et bestemt bilde, noe som reduserer nettstedets lastetid og forbedrer ytelsen til nettstedet.

De fleste populære nettstedene som er tunge med bilder bruker Lazy Load til øke hastigheten og ytelsen til nettstedet.

I denne artikkelen viser vi deg hvordan du laster inn bilder til WordPress ved hjelp av Lazy Load.

Hvorfor lat laste bilder i WordPress?

Lat lasting av bildene dine på WordPress kan fremskynde nettstedet ditt og gi en beste brukeropplevelse.

Ingen liker trege nettsteder. Faktisk fant en ytelsesstudie at en forsinkelse på ett sekund i sidelastetid resulterer i 7% færre konverteringer, 11% færre sidevisninger og 16% lavere kundetilfredshet.

bruk lat last for å laste inn bilder

Søkemotorer som Google liker heller ikke sakte lasting av nettsteder. Det er derfor raskere nettsteder rangerer høyere i søkeresultatene.

Bilder tar lengst tid å laste på nettstedet ditt sammenlignet med andre webelementer. Hvis du legger til mange bilder i innleggene dine, øker hvert bilde siden din lastetid.

En måte å håndtere denne situasjonen på er å bruke a CDN-tjeneste. Et CDN lar en bruker laste ned bilder fra en webserver som er nærmest dem og redusere nettstedets lasthastigheter.

Imidlertid vil bildene dine fortsatt lastes inn og påvirke den totale sidelasttiden. For å løse dette problemet kan du forsinke lasting av bilder ved å implementere lat lasting eller Lazy Load på nettstedet ditt.

Hvordan fungerer lat lasting av bilder?

I stedet for å laste alle bildene dine på en gang, laster late bilder bare ned bildene som er synlige på brukerens skjerm. Det erstatter alle andre bilder med et plassholderbilde eller et tomt mellomrom.

Når en bruker ruller ned, laster nettstedet inn bilder som er synlige i nettleserens visningsområde.

Lat lasting kan være svært gunstig for WordPress -bloggen din.

  • Det reduserer den innledende lastetiden til nettsiden, slik at brukerne vil se nettstedet ditt raskere
  • Det sparer båndbredde ved bare å gi bilder på visningstidspunktet og kan spare på hostingkostnader

Utgivelsen av WordPress 5.5 la til lat lasting som en standardfunksjon.

Imidlertid, hvis du vil tilpasse måten bildene lastes lat og lat laste bakgrunnsbilder på, må du bruke et WordPress -plugin.

Merk: Selv om lat lasting eller Lazy Load vil bidra til å forbedre hastigheten på nettstedets lasting, bør du alltid optimalisere bilder for nettet før du laster dem opp til WordPress for maksimal ytelse.

Vi skal dele to forskjellige WordPress -plugins som kan hjelpe deg med å enkelt sette opp lat lasting på WordPress -bilder.

Metode 1. Lazy Load Images i WordPress med WP Rocket

Vi anbefaler at du bruker programtillegget WP Rocket å laste ned bilder til WordPress. Det er det beste WordPress -hurtigbuffer -pluginet på markedet, og det lar deg enkelt aktivere lat lasting av bilder.

Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler. [Anbefalt]

Annet enn det, er det en veldig kraftig plugin som hjelper deg med å optimalisere nettstedets hastighet uten å kjenne de komplekse tekniske begrepene.

Ved installasjon og aktivering vil alle standard anbefalte hurtigbufringsinnstillinger påskynde WordPress -nettstedet ditt dramatisk.

For å aktivere lat lasting av bildet, trenger du bare å merke av for noen bokser. Du kan til og med aktivere lat lasting av videoer, noe som vil forbedre nettstedets hastighet ytterligere.

bruk lat last for å laste inn bilder

Metode 2. Lat laste inn bilder i WordPress med Optimole

Denne metoden bruker gratis plugin Optimole. Det er en av de beste WordPress -bildekomprimeringspluggene, og den lar deg enkelt aktivere lat lasting av bilder.

Hvis du får mer enn 5 besøkende per måned, trenger du premium-versjon.

Når du aktiverer, gå til Media »Optimole, registrer deg deretter for en API -nøkkel.

Bare klikk på knappen Registrer og e -post API -nøkkelOg det vil bli sendt til deg på e -post.

Skriv deretter inn API -nøkkelen og klikk på " Koble til OptiMole Service '.

Deretter klikker du på fanen " Innstillinger ”.

Her kan du sørge for at " Skaler bilder og lat last"er aktivert. Dette vil generere bilder basert på den besøkendes skjermstørrelse og forbedre lastehastighetene.

Klikk deretter på menyalternativet " avanced »Og velg« Lazyload ».

På denne skjermen er det forskjellige innstillinger som lar deg tilpasse hvordan bildene dine vil lastes lat.

Først og fremst kan du justere " Ekskluder først bilder fra lazyload ". Dette forhindrer de første bildene av din artikler eller sider å bruke lat last.

Du kan sette dette alternativet til 0 hvis du vil at hvert bilde skal lastes lat.

Deretter kan du aktivere alternativet " Skaler bilder '.

Leter du etter de beste WordPress-temaene og pluginene?

Last ned de beste pluginene og WordPress-temaene på Envato, og lag ditt nettsted enkelt. Allerede mer enn 49.720.000 nedlastinger. [EKSKLUSIV]

Dette vil tilpasse bildene til størrelsen på den besøkendes skjerm og gjøre siden din raskere.

Etter det kan du aktivere innstillingen " Aktiver Lazyload for bakgrunnsbilder '.

Dette vil late laste bakgrunnsbildene dine, som kan være noen av de større bildene på nettstedet ditt.

En annen innstilling du kan aktivere er lat lasting av innebygde videoer og iframes. Hvis du har mye innebygd videoinnhold, bør du aktivere denne innstillingen.

Dette vil laste inn et plassholderbilde i stedet for videoen. Når du klikker på den, lastes hele videoen.

Du kan fortsette å tilpasse disse innstillingene og se hva som fungerer best for nettstedet og bildene dine.

Før du avslutter plugin -innstillingene, må du klikke på " Lagre endringer '.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress-plugins for å gi et moderne utseende og optimalisere grepet på bloggen eller nettstedet ditt.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. ARMember

ARMember er en WordPress-innholdsbeskyttelse-plugin. Det er en unik løsning som lar deg selge abonnement på ethvert nettsted. Den har en rekke verktøy som helt eller delvis kan beskytte innholdet.

ARMember WordPress -medlemskapsprogram

En annen av funksjonene er det faktum at det tilbyr et gratis alternativ som er litt begrenset når det gjelder funksjonalitet. Når det gjelder funksjoner, tilbyr dette kraftige WordPress-pluginet blant annet:

Muligheten til å planlegge innhold, støtte for flere abonnementsplaner, enkel konfigurering, overføring mellom abonnementsplaner, WooCommerce-støtte, flere skjemamaler og mer.

Det er også en referanse i denne nisjen.

Last ned | dEMO | Webhotell 

2. Skattevisning etter land for WooCommerce

Avgiftsvisning etter land for WooCommerce er et plugin som lar deg vise prisene på produkter med eller uten avgift, avhengig av hvilket besøkende land. Det lar deg også forhåndsvelge den besøkendes faktureringsland. Skatte Visning av Country for WooCommerce

Husk at noen ganger kan kunder være forvirret på grunn av de forskjellige valutaene, og når det inkluderer skatt, er det enda mer komplisert. Skattvisning etter land lar deg derfor fjerne disse hindringene og forenkle kjøpsprosessen.

Last ned | dEMOWebhotell

3. Slick Popup Pro

Slick Popup Pro er et ganske enkelt og lett WordPress-plugin som konverterer hvilken som helst form opprettet av pluginet Kontaktskjema 7 i en popup. Hun bruker skjemaet og konverterer det til en vakker og perfekt responsiv popup.WordPress Popup-plugin Slick Popup Pro

Lag din nettbutikk enkelt

Last ned gratis WooCommerce, de beste e-handelspluggene for å selge dine fysiske og digitale produkter på WordPress. [Anbefalt]

Pop-upskjemaet kan ha flere bruksområder, inkludert: et skjema for informasjonsinnsamling, en Kontaktskjema, et registreringsskjema, et pristilbudsskjema, et forslag / klageskjema og andre.

Last ned | dEMO | Webhotell

Andre anbefalte ressurser

Vi inviterer deg også til å konsultere ressursene nedenfor for å komme videre i grepet og kontrollen av nettstedet og bloggen din.

konklusjonen

Voila! Det er det for denne opplæringen. Vi håper denne artikkelen har hjulpet deg med å lære hvordan du late laster inn bilder i WordPress. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Men i mellomtiden, fortell oss om din commentaires og forslag i den dedikerte delen.

...  

Denne artikkelen inneholder kommentarer 0

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Dette nettstedet bruker Akismet for å redusere uønsket. Lær mer om hvordan dine kommentarer data blir brukt.

Tilbake til toppen
0 aksjer
del
tweet
Enregistrer