Hvordan optimalisere WordPress-bilder og gjøre nettstedet RASKERE

Hvis du vil gi en flott brukeropplevelse til den besøkende, må du sørge for at nettstedet lastes raskere, slik at det ikke frustrerer dem. Faktisk kan hastigheten på nettstedet ditt gjøre eller ødelegge din online virksomhet. Du MÅ optimalisere WordPress-bilder for å gjøre nettstedet ditt raskere - fordi bilder vanligvis er den tyngste delen av innholdet ditt,

Walmart har funnet en 2% økning i konverteringsfrekvensen når de forbedret hastigheten med 1 sekund.

Og Amazon fant en økning i omsetningen med 1% for hver 100 millisekunder forbedring av nettstedets hastighet. Denne statistikken indikerer at det er viktig å gjøre nettstedet ditt raskt. En enkel måte å gjøre nettstedet ditt raskere på er å optimalisere alle bildene på WordPress-nettstedet.

innhold[Forestilling]
 

optimalisere wordpress-bilder for forbedrede konverteringsfrekvenser

Hvis du ennå ikke har vurdert hastigheten på WordPress-nettstedet ditt som en kritisk komponent i virksomheten din, må du tenke om igjen og begynne å ta tiltak for å forbedre hastigheten på WordPress-nettstedet.

Anbefaler å lese: Hvordan få et raskt WordPress-nettsted - en komplett guide [25 handlinger]

Det er mange måter å gjøre nettstedet ditt raskere. Noen av dem er oppført nedenfor.

  • Unngå å bruke for mange WordPress-plugins
  • Bruk WordPress CDN-tjenester
  • Optimaliser CSS-levering
  • Optimaliser WordPress-bilder

Bilder som ikke er optimalisert for nettet er vanligvis store. Disse bildene vil ta lengre tid å laste inn. Det er viktig at du optimaliserer bildene dine ved å gjøre dem så små som mulig. Imidlertid er prosessen med å optimalisere bilder for WordPress og nettstedet ditt kjedelig eller kjedelig eller kommer i veien for å produsere innhold.

I dette innlegget vil vi forklare forskjellige måter å optimalisere WordPress-bildene dine og dermed få nettstedet til å lastes raskere.

Komprimer bilder eller lagre dem på nettet

Det er en no-brainer at størrelsen på bildet ditt kan påvirke lastetiden til WordPress-nettstedet ditt. Siden bilder med høy oppløsning har større filstørrelse, er det alltid bedre å komprimere bildene før opplasting.

Nå har du kanskje et spørsmål: hva er WordPress-bildekomprimering og hvordan kan det redusere størrelsen uten å påvirke kvaliteten?

Kompresjon er prosessen med å redusere bildestørrelsen dramatisk ved algoritmisk å fjerne bildeinformasjon som et menneskelig øye ikke kan oppfatte. Dette er en veldig effektiv måte å optimalisere WordPress-bilder på.

Selv om bildekomprimering er en sikker metode for å redusere bildestørrelsen, mister prosessen noen ganger det faktiske innholdet i bildene under prosessen når det gjelder komprimering av JPEG-filer. Dette er den eneste ulempen med denne tilnærmingen. Husk å sjekke resultatene etter komprimering nøye, for å være sikker på at du er fornøyd med resultatene av komprimering.

WP Smush er et populært WordPress-plugin som lar deg enkelt redusere bildefilens størrelse ved å skanne hvert bilde du laster opp og fjerne unødvendig datainformasjon. Den gratis versjonen av dette pluginet lar deg komprimere bilder på opptil 1 MB i størrelse, mens du med pro-versjonen kan komprimere bilder på opptil 32 MB.

Du kan laste ned WP Smush her.

wp smush for å optimalisere wordpress bilder

Vær også oppmerksom på at dette pluginet lar deg optimalisere alle de nylig opplastede bildene til WordPress-nettstedet ditt. Hvis du vil komprimere eksisterende bilder, kan du bruke Bulk Smush.it-lenken under mediebibliotekfanen for å optimalisere eksisterende WordPress-bilder.

Lazy loading: Optimaliser lastetiden for WordPress-bilder

[OPPDATERING: WordPress 5.4 har lat belastning innebygd i kjernen, så du trenger bare å utføre denne handlingen hvis WordPress-versjonen din er under denne versjonen]

Vi vet alle at "Et bilde er verdt tusen ord".

Men å bruke for mange bilder på en enkelt side kan gjøre at nettstedet lastes tregere.

En enkel måte å forbedre lastetiden på er å fjerne unødvendige bilder og beholde bare det som er absolutt nødvendig. Imidlertid ønsker ikke alle å redusere antall bilder som brukes på en webside, bare for å få siden til å lastes raskere.

Hvordan kan dette problemet løses?

Du har kanskje lagt merke til det allerede - nettsteder som bruker mange bilder på hver side, løser dette problemet ved å få bildet til å lastes inn bare når det er synlig for brukeren. Denne taktikken reduserer ikke bare sidens lastetid, men det sparer også serverbåndbredde. Dette kalles lat belastning. Fordi bildet er "lat", kommer det bare opp når det er behov for det.

Hvis du er på WordPress, er det lettere å få bildet til å lastes inn bare når det er synlig. Alt du trenger å gjøre er å installere et Lazy load plugin. Nok en gang er dette en utmerket måte å optimalisere WordPress-bilder for bedre hastighet.

Du kan laste ned Plugin for lat last her.

Optimaliser wordpress-bilder med lat belastning

Dette pluginet trenger ingen tilleggskonfigurasjon ettersom det fungerer ut av boksen ved installasjon og aktivering.

Les mer: Divi vs Elementor

Bruk det optimaliserte og riktige bildeformatet

JPEG, PNG og GIF er de mest populære bildeformatene.

Å vite forskjellene mellom hvert bildeformat lar deg bruke riktig format på nettstedet ditt, som til og med hjelper deg når det gjelder bildeoptimalisering.

Hvilket format er bedre for optimaliserte WordPress-nettstedsbilder, og når skal du bruke det? Nedenfor er noen tips:

  • GIF: Bruk GIF når bildet ditt er for lite og bruker relativt less antall farger. For eksempel er GIF godt valg for utklipp, kuler og diagrammer. På den annen side kunne komplekse bilder med forbedringer som slippskygger ikke vises riktig ved hjelp av GIF.
  • JPEG / JPG: Den er egnet for komplekse bilder med mange fargevariasjoner eller hvis den inneholder fotografiske bilder.
  • PNG: PNG-format er best egnet for gjennomsiktige bilder.
  • WebP: dette er det beste formatet i disse dager, men å lage disse bildene krever serverstøtte på nettstedet ditt

Vær oppmerksom på at dette bare er generelle anbefalinger. Som alle regler er det unntak, og noen av disse reglene er ment å være brutt.

Bruk effektiv nettleserbuffer

Når du laster opp bilder på en webside, må du laste dem opp til en enkelt katalog. Å laste opp bildene dine til en enkelt katalog på en webside vil hjelpe nettleseren med å enkelt laste inn bildene ved hjelp av nettleserens hurtigbuffer under gjentatte besøk.

Det er greit hvis du laster opp bilder via standard WordPress-bildeopplasting. Men for eksempel, hvis du oppretter HTML-destinasjonssider på WordPress, er sjansen stor for at du ikke bruker standard WordPress-bildeopplaster. I disse tilfellene, i stedet for å laste opp bildene på en webside til forskjellige kataloger, må du sørge for at du laster dem opp i en enkelt katalog.

Hvis du vil lese mer om caching i nettleseren og hvordan du kan utnytte den, kan du se vår detaljerte artikkel her: Hvordan utnytte nettlesercaching i WordPress med eller uten et plugin [5 måter]

 

Bruk det samme bildet flere ganger

En annen måte å bruke cache i nettleseren for å redusere bildebåndbredden er å bruke de samme bildene flere ganger på hele nettstedet.

Når du for eksempel bruker logoer eller menyelementer fra en side, må du ringe de samme bildene på hele nettstedet, slik at brukerne ikke trenger å laste dem ned flere ganger, men en gang, og nettlesere kan vise bildene fra nettleseren cache.

Når du bruker en strukturert bakgrunn, må du sørge for at du bruker mindre bilder gjentatte ganger i stedet for å bruke et enkelt stort bilde. Dette kan også bidra til å redusere lastetiden.

Når du laster opp bilder ved hjelp av mediaopplasting på WordPress-dashbordet, går det som standard inn i mappen, avhengig av når du laster det opp. Det betyr at alle bildene som blir lastet opp i løpet av en måned, vil være plassert i en enkelt katalog.

Hvis du for eksempel laster opp et bilde i 2021 januar, ligger det i denne katalogen: wp-content / uploads / 2021/01.

La oss se på fordelene ved å laste opp via medieopplasteren, og deretter vil vi fortelle deg hva du bør vurdere når du ikke laster opp til medieopplasteren din for å øke hastigheten på nettstedet ditt.

Mediaopplasting gjør at bildet lastes raskere: Lastingen vil bli raskere hvis bildene er lagret i samme mappe mens du surfer på en webside. Når bildene kalles gjentatte ganger, kan nettleseren enkelt hente dem fra nettleserens cache hvis de er i en enkelt mappe.

Ofte vil WordPress-bloggere imidlertid ikke bruke standard medieopplasteren, spesielt ikke når de jobber på en tilpasset destinasjonsside. For enkelhets skyld laster de opp bilder i en egen katalog.

I slike tilfeller må du sørge for at du laster opp alle bildene på den siden i en enkelt katalog i stedet for å laste opp til flere kataloger. Denne taktikken kan forbedre innlastingstiden ettersom filbufring blir lettere under gjentatte besøk.

Bruk CSS i stedet for bilder

Vet du at du kan forbedre lastetiden ved ikke å bruke noe bilde i det hele tatt?

For eksempel er det fullstendig mulig å generere visse former ved å bruke enkel CSS i stedet for bilder som avrundede rektangler, gradienter, dropskygger og gjennomsiktige bilder. Når det er sagt, må du sørge for at du holder øye med nettleserkompatibilitetskontrollen når du bytter ut et bilde med CSS, fordi ikke alle nettleserne kan støtte disse teknikkene.

om forfatteren
Shahzad Saeed
Forfatter: Shahzad Saeednettside: http://shahzadsaeed.com/
Shahzaad Saaed har blitt omtalt på et stort antall autoritetsnettsteder, som en WordPress-ekspert. Han spesialiserer seg på innholdsmarkedsføring for å hjelpe virksomheten med å øke trafikken.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...