Hvis du vil give din besøgende en god brugeroplevelse, skal du sikre dig, at dit websted indlæses hurtigere, så det ikke frustrerer dem. Faktisk kan hastigheden på dit websted gøre eller ødelægge din online forretning. Du SKAL optimere WordPress-billeder for at gøre dit websted hurtigere - fordi billeder normalt er den tungeste del af dit indhold,
Walmart har fundet en 2% stigning i deres konverteringsfrekvens hver gang de forbedrede hastigheden med 1 sekund. Dette er et eksempel af mange, der indikerer, at det er vigtigt at gøre dit websted hurtigt.
En nem måde at gøre din hjemmeside hurtigere på er ved at optimere alle billederne på din WordPress hjemmeside.
Hvis du endnu ikke har betragtet hastigheden på dit WordPress-websted som en kritisk komponent i din virksomhed, bliver du nødt til at tænke igen og begynde at træffe foranstaltninger til at forbedre hastigheden på dit WordPress-websted.
Anbefal læsning: Sådan får du et hurtigt WordPress-websted - en komplet guide [25 trin]
Der er mange måder at gøre dit websted hurtigere. Nogle af dem er angivet nedenfor.
- Undgå at bruge for mange WordPress-plugins
- Brug WordPress CDN-tjenester
- Optimer CSS-levering
- Optimer WordPress-billeder
Billeder, der ikke er optimeret til nettet, er typisk store. Disse billeder vil tage længere tid at indlæse.
Det er vigtigt, at du optimerer dine billeder ved at gøre dem så små som muligt.
Men de fleste gange er processen med at optimere billeder til WordPress og din hjemmeside trættende eller kommer i vejen for at producere indhold.
I dette indlæg forklarer vi forskellige måder at optimere dine WordPress-billeder på og dermed få dit websted til at indlæse hurtigere.
Komprimer billeder, eller gem dem på nettet
Det er en enkelt sag, at størrelsen på dit billede kan påvirke indlæsningstiden på dit WordPress-websted. Jo mere din browser skal indlæse, jo mere tid vil det tage at gøre det.
Det gælder især på mobil eller langsommere internetforbindelser.
Da billeder i høj opløsning vil have en større filstørrelse, er det altid bedre komprimere billederne før upload.
På den måde skal browseren downloade less data, så burde indlæses meget hurtigere.
Nu har du muligvis et spørgsmål: hvad er WordPress-billedkomprimering, og hvordan kan det reducere størrelsen uden at påvirke kvaliteten?
Kompression er processen med dramatisk at formindske billedstørrelse ved algoritmisk at fjerne billedinformation, som et menneskeligt øje ikke kan opfatte. Dette er en meget effektiv måde at optimere WordPress-billeder på.
Selvom billedkomprimering er en sikker metode til at reducere billedstørrelsen, når det kommer til at komprimere JPEG-filer, mister processen nogle gange det faktiske indhold af billederne under processen.
Dette er den eneste ulempe ved denne tilgang. Husk at tjekke efterkompressionsresultaterne omhyggeligt for at sikre, at du er tilfreds med resultaterne af kompressionen.
WP Smush er et populært WordPress-plugin, der lader dig nemt reducere billedfilstørrelsen ved at scanne hvert billede, du uploader, og fjerne unødvendige dataoplysninger.
Den gratis version af dette plugin giver dig mulighed for at komprimere billeder op til 1 MB i størrelse, mens du med pro-versionen kan komprimere billeder op til 32 MB.
Du kan downloade WP Smush her.
Bemærk også, at dette plugin giver dig mulighed for at optimere alle de nyligt uploadede billeder til dit WordPress-websted. Hvis du vil komprimere de eksisterende billeder, kan du bruge linket Bulk Smush.it under fanen mediebibliotek til at optimere eksisterende WordPress-billeder.
Vi taler mere om optimeringsplugins om lidt.
Doven indlæsning: Optimer WordPress-indlæsningstider
[OPDATER: WordPress 5.4 har doven indlæsning indbygget. Så længe du holder WordPress opdateret, behøver du ikke længere bekymre dig om doven indlæsning.]
Vi ved alle, at "Et billede er tusind ord værd".
Men at bruge for mange billeder på en enkelt side kan gøre, at dit websted indlæses langsommere.
En nem måde at forbedre din indlæsningstid på er at fjerne unødvendige billeder og kun beholde det, der er absolut nødvendigt. Imidlertid ønsker ikke alle at reducere antallet af billeder, der bruges på en webside, kun for at få siden til at indlæse hurtigere.
Hvordan kan dette problem løses?
Du har måske allerede bemærket det - websteder, der bruger mange billeder på hver side, løser dette problem ved kun at lade billedet indlæse, når det er synligt for brugeren.
Denne taktik reducerer ikke kun sidens indlæsningstid, men den sparer også serverbåndbredde. Dette kaldes doven læsning. Fordi billedet er "dovent", kommer det kun op, når det er nødvendigt.
Hvis du er på WordPress, er det nemmere at få billedet til kun at indlæses, når det er synligt. Alt du skal gøre er at installere et Lazy load plugin.
Endnu en gang er dette en fremragende måde at optimere WordPress-billeder til forbedret hastighed.
Du plejede at bruge et plugin til dette, men nu er det indbygget i WordPress.
Læs mere: Divi vs Elementor
Brug det korrekte billedformat
At kende forskellene mellem hvert billedformat giver dig mulighed for at bruge det rigtige format på dit websted, hvilket endda hjælper dig, når det kommer til billedoptimering.
JPEG, PNG og GIF er de mest populære billedformater.
Hvilket format er bedre til optimerede WordPress hjemmesidebilleder, og hvornår skal du bruge det?
- GIF: Brug GIF, når dit billede er for lille og bruger relativt less antal farver. For eksempel er GIF et godt valg til clipart, kugler og diagrammer. På den anden side kunne komplekse billeder med forbedringer som faldskygger ikke vises korrekt ved hjælp af GIF.
- JPEG / JPG: Det er velegnet til komplekse billeder med mange farvevariationer, eller hvis det indeholder fotografiske billeder.
- PNG: PNG-format er bedst egnet til gennemsigtige billeder.
- WebP: dette er det bedste format i disse dage, men oprettelse af disse billeder kræver serversupport på dit websted
Bemærk, at dette kun er generelle anbefalinger. Som alle regler er der undtagelser, og nogle af disse regler er beregnet til at blive brudt.
Gør effektiv brug af browserens cache
Når du uploader billeder på en webside, skal du sørge for at uploade dem til et enkelt bibliotek. Uploade dine billeder til et enkelt bibliotek på en webside hjælper browseren med let at indlæse disse billeder ved hjælp af browserens cache under gentagne besøg.
Det er fint, hvis du uploader billeder via standard WordPress billeduploader. Men hvis du for eksempel opretter HTML-destinationssider på WordPress, er chancerne for, at du ikke bruger standard WordPress-billeduploaderen.
I disse tilfælde, i stedet for at uploade billederne af en webside til forskellige mapper, skal du sørge for at uploade dem alle til en enkelt mappe.
Hvis du vil læse mere om cachelagring i browseren, og hvordan du udnytter den, kan du se vores detaljerede artikel her: Sådan udnyttes browsercaching i WordPress med eller uden et plugin [5 måder]
Brug det samme billede flere gange
En anden måde at bruge browser-caching til at reducere billedbåndbredde er ved at bruge de samme billeder flere gange på hele webstedet.
Når du f.eks. Bruger logoer eller menupunkter fra en side, skal du sørge for at ringe til de samme billeder på hele webstedet, så brugerne ikke behøver at downloade dem flere gange, men en gang, og browsere kan vise billederne fra browseren cache.
Mens du bruger en struktureret baggrund, skal du sørge for at bruge mindre billeder gentagne gange i stedet for at bruge et enkelt stort billede. Dette kan også hjælpe med at reducere indlæsningstiden.
Når du uploader billeder ved hjælp af medieuploader på WordPress-dashboard, går det som standard ind i mappen afhænger af, hvornår du uploader det. Det betyder, at alle de billeder, der uploades om en måned, vil være placeret i en enkelt mappe.
For eksempel, hvis du uploader et billede i 2021 januar, vil det være placeret i denne mappe: wp-content / uploads / 2021/01.
Lad os se på fordelene ved at uploade via medieoverføreren, og så fortæller vi dig, hvad du skal overveje, når du ikke uploader til din medieuploader for at fremskynde dit websted.
Medieuploader gør billedindlæsningen hurtigere: Indlæsningen vil være hurtigere, hvis billederne er gemt i samme mappe, mens du gennemser en webside.
Når billederne bliver kaldt gentagne gange, kan browseren nemt hente dem fra browserens cache, hvis de er i en enkelt mappe.
Ofte bruger WordPress-bloggere dog ikke standardmedie-uploader, især når de arbejder på en tilpasset destinationsside. Af hensyn til lethed uploader de billeder i en separat mappe.
I sådanne tilfælde skal du sørge for at uploade alle billederne på den side i en enkelt mappe i stedet for at uploade til flere mapper. Denne taktik kan forbedre indlæsningstiden, da caching af filer bliver lettere under gentagne besøg.
Brug CSS i stedet for billeder
Ved du, at du kan forbedre indlæsningstiden ved slet ikke at bruge noget billede?
For eksempel er det fuldstændig muligt at generere bestemte former ved at bruge simpel CSS i stedet for billeder såsom afrundede rektangler, gradienter, skygger og gennemsigtige billeder.
Når det er sagt, skal du sørge for at holde øje med browserkompatibilitetstjek, når du erstatter et billede med CSS, fordi ikke alle browsere er i stand til at understøtte disse teknikker.
5 billedoptimeringsplugins for at hjælpe med at opretholde sidehastigheden
Vi nævnte Smush billedoptimeringsplugin tidligere, men det er ikke det eneste, du kan bruge.
Hvis du er overbevist om, at optimering af billeder er vejen at gå (og det burde du være), her er 5 WordPress-plugins, der leverer:
1. ShortPixel Image Optimizer til WordPress
ShortPixel Image Optimizer til WordPress er et letvægts plugin med alle de grundlæggende funktioner, der hjælper dig med at optimere billeder.
Det komprimerer billeder, konverterer, dem, inkluderer baggrundsprocesser for at optimere billeder og meget mere.
Pluginnet er gratis at bruge for op til 100 kreditter om måneden. Så koster det fra 3.99 USD om måneden for ekstra kreditter. Ubegrænsede planer starter ved $8.99 om måneden.
Dette plugin gør mange ting rigtigt. Den gratis version lader dig prøve, før du køber, men gør livet kompliceret med priser, når du begynder at optimere flere billeder. Ellers er det en god mulighed.
2. Imagify
Imagify er et populært billedoptimeringsplugin med over 300,000 installationer. Det giver dig mulighed for at optimere billeder, konvertere formater inklusive WebP og ændre størrelse på farten. Det er et meget kompetent plugin, hvis du tror, du kan bruge alle mulighederne.
Der er en gratis version med op til 20 MB filoptimering. Premium-planer koster 4.99 USD om måneden for op til 500 MB og 9.99 USD om måneden for ubegrænsede optimeringer.
Da Imagify komprimerer på deres egne servere i stedet for din, fungerer denne prissætningsmetode bedre.
Imagify tilbyder nogle kraftfulde optimeringsværktøjer og tre niveauer af komprimering. Hvad mere er, det bruger sine egne servere til at gøre det. De gratis 20MB er dog ikke meget, da et HD-billede nemt kan være 2MB opad.
3. EWWW Image Optimizer
EWWW Image Optimizer er et gratis billedoptimeringsplugin til WordPress, der gør meget uden at bede om noget tilbage. Den installeres i WordPress og bruger både tabsgivende og tabsgivendeless komprimering for at formindske billeder på dit websted.
Det kan klare billeder op til 150 MB i størrelse og kan krympe de fleste med op til 50 %. Selvom det ikke har mange flere avancerede funktioner, er det grundlæggende dækket.
EWWW Image Optimizer er en fantastisk gratis mulighed, der er ret grundlæggende, men som får jobbet gjort. Enhver, der har brug for doven indlæsning eller mere avancerede billedoptimeringer, skal betale fra $7 pr. måned for premium-funktioner.
4. smush
Smush er et kraftfuldt gratis billedoptimeringsplugin til WordPress. Det har over 1 million installationer og gør alt, hvad et plugin af denne art skal gøre. Den optimerer, formindsker, ændrer format og selv doven indlæser billeder.
Smush er installer og glem. Sæt det op, slip det løs, og det vil optimere alle eksisterende billeder og vil automatisk gøre det samme for alle nye billeder. Bulk Smush-funktionen er især nyttig til billedtunge websteder eller porteføljer.
For at være ærlig er Smush så dygtig, at vi kæmper for at retfærdiggøre at betale for billedoptimering. Hvis du kører en mindre hjemmeside og ikke er meget afhængig af billeder, kan det være det eneste plugin du har brug for.
5. Optimole
Optimole er mere et praktisk billedoptimeringsplugin. Når det er installeret, vil det kontrollere eksisterende billeder og optimere dem og automatisk formindske nye billeder, som Smush gør.
Optimole tilbyder også skybaserede billeder ved hjælp af en Optimole-server. Dette kan fremskynde billedleveringen på bekostning af flere HTTP-anmodninger. Det er gratis for op til 5,000 besøgende om måneden og $19.99 for ubegrænsede billeder.
Optimole er god ved, at den håndterer visning af billeder på dine websider. Det er ikke så godt, at det serverer billeder til dine websider. Du mister meget kontrol til gengæld for en beskeden præstationsgevinst.
Ofte stillede spørgsmål om Optimize WordPress Images Plugins
Er der et WordPress-billedkomprimeringsplugin, der er gratis?
Ja, der er flere gratis WordPress billedkomprimeringsplugins tilgængelige, som kan hjælpe dig med at reducere filstørrelsen på dine billeder uden at ofre kvaliteten. Nogle populære muligheder inkluderer Smush, ShortPixel og Optimole. Disse plugins er freemium, så du vil normalt få et vist antal billedkomprimeringer gratis og derefter flere muligheder eller brug som en del af en premium-plan.
Hvordan optimerer du billeder til nettet i Photoshop?
Følg disse trin for at optimere billeder til internettet i Photoshop. Først skal du ændre størrelsen på billedet: Gå til Billede > Billedstørrelse, og indstil dimensionerne til den størrelse, du ønsker til din webside. Sørg for at markere feltet "Resample Image" og vælg "Bicubic Sharper" for de bedste resultater. Gem billedet til web: Gå til Filer > Eksporter > Gem til web (Legacy), og vælg dit filformat (JPEG, PNG eller WebP) og komprimeringsindstillinger. Brug forhåndsvisningspanelet til at sammenligne forskellige komprimeringsniveauer og sikre, at dit billede ser godt ud, mens du stadig har en lille filstørrelse. Brug det rigtige filformat: Til fotografier, brug JPEG-format og til grafik eller logoer, brug PNG-format eller WebP, som typisk er godt til de fleste typer billeder. Dette vil være med til at sikre, at dine billeder er optimeret til nettet og indlæses hurtigt på din hjemmeside.
Hvordan optimerer du billeder til WordPress uden et plugin?
For at optimere billeder til WordPress uden et plugin, kan du følge disse trin. Ændr størrelsen på billedet ved hjælp af et billedredigeringsprogram for at ændre størrelsen på billedet til de dimensioner, du ønsker. Du kan bruge Photoshop, GIMP eller ethvert andet billedredigeringsprogram, du er fortrolig med. Du kan komprimere billedet ved hjælp af et billedkomprimeringsværktøj. Der er mange gratis online værktøjer tilgængelige, såsom TinyPNG eller Kraken.io, der kan komprimere dine billeder uden at miste kvalitet.
Optimering af WordPress billeder
Billedoptimering er en af de vigtigste tweaks du kan lave for at forbedre brugervenligheden og responsiviteten på din hjemmeside.
Da hastighed er alt, hjælper levering af sider hurtigt med minimal forsinkelse med at forbedre engagementet og vil også have en afsmittende effekt på din SEO.
Da det er så enkelt at gøre, synes vi, at enhver hjemmeside bør bruge en form for billedoptimering.
Hvad synes du? Optimerer du billeder? Hvilken metode bruger du?
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!
Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.
og mange flere ...