I 2019 er gjennomsnittlig mobilstørrelse på mobilen 1,6 MB. Bilder representerer vanligvis omtrent halvparten av den gjennomsnittlige websiden fordi bruken av dem krever mye ressurser.
Hvis du aldri har tatt bildeoptimalisering seriøst og WordPress-siden din er treg, har du alt å tjene på å gjøre det riktig. Hvis bildene dine lastes sakte, betyr det vanligvis at det er et problem på din WordPress blog. Ved å fokusere på bildene dine kan du unngå mange problemer med nettstedets ytelse.
I denne opplæringen vil jeg forklare hvorfor optimalisering av bilder er det beste utgangspunktet for å optimalisere ytelsen til din WordPress blog. Vi vil også gå over noen tips for å komme i gang hvis du trenger å fikse WordPress-bilder som lastes tregt.
Hvorfor du bør begynne med bilder når du vurderer å forbedre ytelsen
Internett er nå et multimedierikt landskap med videoer, podcaster og flere bilder enn noen gang før. Bilder kan hjelpe nettstedet ditt til å skille seg ut i et overfylt medielandskap, men de koster penger. Hvis du ikke viser bildene dine riktig, kan nettstedet ditt være i en ulempe. Hvis du får bilder til å lastes raskere, kan du forbedre nettstedets ytelse, gi en mobilvennlig brukeropplevelse, forbedre SEO og øke konverteringer.
Bilder er verre når de er dårlig gjort
Overdimensjonerte bilder veier faktisk ned websidene dine.
Hvis du er målrettet mot en 1,5 MB-filstørrelse for en webside, og du legger til noen få 2 MB-bilder hver, vil du overskride denne grensen med et enkelt bilde.
Men bildene kan være beaucoup større. Den gjennomsnittlige filstørrelsen produsert av en gjennomsnittlig DSLR er mellom 4 og 12 MB! Hvis du ikke vet bedre og bruker et 12 MB-bilde, eller verre, mer enn et 12 MB-bilde, vil du virkelig ødelegge sidens ytelse.
Hvis du får kombinerte bilder på mindre enn 1 MB, kan du potensielt redusere sidevekten din med 20 MB. Åpenbart er dette en stor overdrivelse, men det er for å illustrere hvor mye overskudd kan legge opp hvis du ikke gjør det riktig.
Noe så enkelt som å endre størrelsen på bildene dine kan forbedre ytelsen dramatisk og spare degovernatting. Verten din belaster deg mer for diskplassen som alle de store bildene tar opp.
Vi lever i en første mobilverden
Ved å optimalisere bildene dine for mobil sørger du for en flott brukeropplevelse for brukere av alle typer enheter, slik at de stadig kommer tilbake til nettstedet ditt.
Populariteten til mobile enheter har eksplodert i en slik grad at vi nå lever i en verden der mobiltelefoner er mest brukt. I juli 2018 kunngjorde Google at hastigheten på siden var en rangeringsfaktor for mobilsøk.
Dette betyr at når du oppretter nettstedene dine, må du sørge for at du leverer bilder som passer for mobile enheter som har tregere datatilkoblinger.
Hvis du streamer Retina-bilder som er beregnet for skrivebord i et lite vindu, kaster du bort data. For besøkende som ikke har ubegrensede dataplaner, kan det være veldig frustrerende og dyrt.
Det søkeoptimaliserte bildet er tilbake
Ikke bare har Google endret effekten av mobiloptimalisering på rangeringer, men det har også endret måten bildesøkeresultater vises på, noe som har ført til dyptgripende endringer i rangeringene. SEO Bilder .
Nå kan du føre trafikk til nettstedet ditt når bildene dine vises i bildesøk.
I 2013 la Google til en bildevisningsknapp i bildesøkeresultatene. Når noen klikket på den knappen, ble de ført direkte til bildet i stedet for websiden bildet var på. Nettsteder rapporterte et 63% fall i trafikken takket være bildesøk.
I 2018 ble Google tvunget til å fjerne bildevisningsknappen, så trafikken begynte å strømme inn igjen. Det er mange muligheter for at bildene dine kan rangere godt, fordi SEO-er har forsømt SEO-optimalisering.
Bildeoptimalisering påvirker nederste rad
Bilder kan redusere WordPress-nettstedet ditt hvis de ikke blir servert på riktig måte og kan redusere konverteringsfrekvensen.
Hvis du selger produkter på nettstedet ditt, kan du bruke Googles mobilsidehastighetsprøve for å vise deg mengden av potensiell inntekt. På resultatsiden, bla ned og åpne delen Evaluer effekten av et raskere nettsted.
Ikke bare vil bildeoptimalisering føre til flere konverteringer, men det vil også avgjøre antall potensielle kunder du møter gjennom søketrafikken.
Googles mål er å gi best mulig brukeropplevelse, fra søk til svar. Hvis du forbedrer brukernes ytelse ved å gi dem en god brukeropplevelse, rangerer Google nettstedet ditt lettere i søkeresultatene.
Slik lager du WordPress-nettstedet ditt raskere ved å forbedre bilder
Nå som vi har forklart hvorfor bilder er det beste stedet å begynne, skal jeg forklare noen enkle oppgaver du kan gjøre på nettstedet ditt for å få raskere innlasting av bilder.
Slett unødvendige bilder
En av de enkleste måtene å redusere sidevekt og redusere antall HTTP-forespørsler, er å begrense antall bilder på websidene dine. Hvis det tar lengre tid enn 3 sekunder å laste en webside, bør du vurdere å fjerne elementer og bilder som ikke bidrar til konverteringer.
Pass alltid på at bildene er riktig størrelse for containeren.
Hvis bildene dine ikke vises når nettstedet lastes inn, er det mest sannsynlig fordi bildene dine er for store og tar for lang tid å laste dem ned. For å løse dette problemet, må du bestemme bildestørrelsen og deretter erstatte nettstedsbildet med et bilde av riktig størrelse.
Se vår artikkel på endre størrelse på bilder å oppdage noen metoder for å gjøre det.
Bruk riktig format og bruk neste-genformatene hvis det er mulig
Noen filformater er større enn andre, med animerte GIF-er som et av de mest ineffektive filformatene til dags dato. Du bør bruke riktig format for å dekke dine behov og hjelpe deg med å produsere den minste filstørrelsen som er mulig.
Optimaliser WordPress Fast ved å aktivere forsinket lasting
Utsatt lasting er en rask og enkel måte å utsette innlasting av bilder og andre gjenstander under posten. Hvis bildet ikke er i nettleservinduet, venter nettleseren på at det skal lastes ned slik at det kan vise det den besøkende kan se mye raskere.
Progressiv lasting er relativt enkel å implementere og det er mange lette plugins for å få jobben gjort. Størrelsen på plugin-filer er vanligvis rundt 1-3 KB og kan konfigureres på få minutter.
Bruk CDN for å øke hastigheten på bildelastingen
CDN-er har steder over hele verden, så dataoverføringen som trengs for å laste inn bildene dine er mye raskere. Å bruke et CDN til å levere bildene dine er en enkel måte å laste bilder raskere inn i WordPress.
Selv om verten din kan inkludere et CDN med kontoen dinovernatting For å forbedre nettstedets ytelse ble Smush Pros CDN designet spesielt med tanke på bildeoptimalisering.
Vil du ha en enkel måte å optimalisere WordPress på?
Du har fremdeles mye å gjøre for å gjøre WordPress-nettstedet ditt raskere. Hvis du ikke vet hvor du skal starte, er bildene et godt utgangspunkt. Riktig optimaliserte bilder gir mange fordeler og med alt-i-ett-løsninger som disse 5-pluginene for å komprimere bilderDet er lett å forbedre bilder dramatisk på nettstedet ditt på bare noen få minutter.
