14 måder at fremskynde din WooCommerce-butik

4. marts 2024
nUN3PiUlISwFpKcFk 8ivMi5bGF1t8WTK6vLd4lJhyPQhhaMxCJsogFh40zDstVA SrxrpGXfg7nOGalFLtYi05rsedp DYh5tFhAnbCh1TKXjoFhz5 nr u0kX4w

Langsomme WooCommerce-butikker kan koste dig penge på en række forskellige måder, lige fra stigningen i, at vognen opgives til at miste kundeloyalitet. Ifølge Løs op, næsten 70% af forbrugere siger, at sidehastigheden påvirker deres ønske om at købe fra en onlinebutik. Problemet her er, at hastigheden afhænger af adskillige faktorer, og dens forbedring kan kræve masser af tid og kræfter.

Ifølge Tegn, falder webstedets konverteringsrater med et gennemsnit på 4.42% for hvert sekund, det tager en side at indlæse mellem sekunder 0 og 5, hvor sider med indlæsningstider mellem 0 og 2 sekunder har de største konverteringsrater for e-handel.

Hvis din hjemmesides indlæsningshastighed er over 2-3 sekunder, er denne artikel, hvad du har brug for. Her finder du flere gennemprøvede tips til måling og forbedring af e-handelswebstedets ydeevne.

Hvorfor betyder hastighed noget?

Webstedets hastighed er et kritisk element for succes for enhver online satsning, herunder WooCommerce butikker, af flere grunde:

Brugererfaring:

Internetbrugere har typisk en kort opmærksomhed. Langsomme indlæsningstider kan resultere i, at besøgende hopper fra dit websted, før det overhovedet er fuldt indlæst. En hurtig hjemmeside gør tværtimod navigation nemmere og opmuntrer brugerne til at udforske flere sider og blive længere.

SEO og rangering:

Sidehastighed er en af de mest afgørende placeringsfaktorer for Google. Målinger som Largest Contentful Paint (LCP), First Input Delay (FID) og Cumulative Layout Shift (CLS) er en del af Googles rangeringsfaktorer. Hurtigere hjemmesider har flere chancer for at rangere højere i søgemaskinerne. Med stigningen i mobilsøgning påvirker mobilsidehastigheden også SEO markant.

Omkostningseffektivitet:

Optimerede, hurtigere websteder bruger generelt mindre båndbredde og kan resultere i lavere hostingomkostninger. Hurtigere websteder kræver også mindre tid og kræfter at vedligeholde.

Mobilbrugere:

Med et stigende antal brugere, der får adgang til websteder via mobile enheder, hvor forbindelseshastighederne kan være langsommere, bliver optimeret webstedshastighed endnu mere afgørende. Langsom indlæsning kan være endnu mere problematisk på mobile enheder og føre til højere afvisningsprocenter.

Global rækkevidde:

Brugere fra forskellige regioner med varierende internethastigheder kan få en ensartet oplevelse, hvis din hjemmeside er optimeret til hastighed. Hurtigere websteder er fordelagtige, hvis du sigter efter et globalt publikum og bruger et Content Delivery Network (CDN) til at levere lokaliseret indhold.

Hvordan evaluerer man den nuværende butikshastighed?

Før du starter forbedringsprocessen, skal du bestemme, hvor du står nu og finde ud af den aktuelle butikshastighed, og hvilke problemer der kan bremse dit websted. Her er nogle metoder og værktøjer, du kan bruge til at evaluere dit WooCommerce-websteds hastighed:

Direkte testværktøjer

Disse værktøjer tester direkte dit websteds ydeevne ved at indlæse det fra forskellige steder rundt om i verden, simulere forskellige enheder og forbindelseshastigheder:

  • Google PageSpeed Insights: Giver både mobil- og desktop-hastighedsindsigt. Giver også WooCommerce optimeringsforslag.
  • GTmetrix: Udfører en detaljeret analyse inklusive vandfaldsdiagram, anbefalinger og forskellige scores.
  • WebPageTest: Giver detaljerede oplysninger som hastighedsindeks, tid til første byte og mere.

Browserudviklerværktøjer

Disse løsninger, der er indbygget i moderne browsere, giver udviklere mulighed for at inspicere, fejlsøge og profilere websteder:

  • Chrome DevTools: Brug fanerne Netværk og Ydelse til at analysere webstedets hastighed.
  • Firefox-udviklerværktøjer: Disse værktøjer giver udviklere mulighed for at inspicere, fejlsøge og profilere websider, hvilket hjælper dem med at forstå adfærd og struktur på websteder.

Værktøjer på serversiden

Disse værktøjer kan hjælpe med at identificere problemer på serversiden, som måske ikke er tydelige med frontend-testværktøjer:

  • Nyt relikvie: Giver et dybt dyk i serverydeevne, godt til at opdage back-end-flaskehalse.
  • Loganalyse: Analyser serverlogfiler for at opdage problemer.

Plugin-baserede kontroller

Plugins kan tilbyde en praktisk og kraftfuld måde at overvåge forskellige aspekter af din WooCommerce-butiks ydeevne direkte fra dit WordPress-administrationsområde. Her er nogle populære plugin-baserede tilgange:

  • Query Monitor: Et WordPress-plugin til at kontrollere, hvilke forespørgsler der gør dit websted langsommere.
  • WP-fejlretning: Aktiverer WordPress-fejlretningsfunktioner til at tjekke for problemer.

Rigtig brugerovervågning

Real User Monitoring (RUM) er en præstationsovervågningstilgang, der fanger og analyserer hver transaktion af brugere af et websted eller en applikation. I modsætning til syntetiske overvågningsmetoder, som simulerer brugeradfærd, indsamler RUM data fra faktiske brugeres interaktioner med dit websted.


Typisk tilføjer du et lille stykke JavaScript-kode til din hjemmeside, som indsamler og sender ydeevnedata til en server til analyse. Sådan fungerer de fleste RUM-værktøjer, selvom specifikke implementeringsdetaljer kan variere. Blandt de nyttige værktøjer til RUM er New Relic Browser, Boomerang, Akamai mPulse og andre.

14 måder at øge WooCommerce Store-hastigheden

Nu hvor du kender den aktuelle indlæsningshastighed og hvilke problemer der er, kan du bygge en optimeringsstrategi. Husk på, at du sandsynligvis bliver nødt til at rette flere aspekter af webstedet for at opnå stor WooCommerce-butikshastighed. Du bliver også nødt til at overvåge hastigheden lejlighedsvis, da den i sidste ende kan blive langsommere. Her er nogle råd til, hvordan du kan øge dit websteds ydeevne:

Find en pålidelig hosting

Mens den forkerte indstilling kan resultere i utilfredse kunder og mistede forretninger, ideel WooCommerce webhosting service kan garantere fejlfri ydeevne, hurtige indlæsningstider og ensartet oppetid.

Hver hostingtype kan leveres under en række forskellige planer med forskellige prissætningspunkter. Derfor, mens du leder efter en hostingudbyder inden for dit prisinterval, skal du overveje funktioner som server-side caching, tilstrækkelig båndbredde og RAM til dit websteds krav, højtydende SSD-lagring og opdateret software, såsom PHP og MySQL.

Hvis du har en delt hostingplan, betyder det, at hundredvis af websteder bruger den samme server og dens ressourcer. Vælg en vært, der begrænser antallet af tilladte websteder på hver server, eller tænk på at opgradere til en VPS eller dedikeret plan. 

Optimer ydeevneindstillinger

Skift URL'en på din login-side først. Login-URL'en er normalt standard og kendt af alle, inklusive hackere, hvilket gør websteder modtagelige for angreb.

Du kan undgå ondsindede aktørers brute force-angreb ved at ændre din login-URL til noget karakteristisk. Du kan også bruge det til at forhindre hastighedsbegrænsende HTTP-problemer.

Hvis dit e-handelswebsted også har en blog, skal du begrænse antallet af poster, der vises i dit blogfeed. Hvis du administrerer en populær blog, øges ydeevnebesparelserne. Disse justeringer kan foretages i WordPress Dashboards læseindstillinger.

6fveuvTWS8c3aFinmONNMiKboWOGb7rO4czzqblocxufsN6I5cvVXKX8pppiKDWVreCgFGfAQqp5oxF2SCuBtR3HJwz8TA2dPdX2QneB5XryZhBVo8DTreW0L9

Skærmbillede taget på embedsmanden WordPress internet side


Slå derefter pingbacks fra på dit websted. Typisk producerer de spam. WordPress giver dig også mulighed for at opdele store brugerkommentarer i mindre portioner, hvis du har mange kommentarer fra brugere på dine artikler eller sider. For at reducere den tid, det tager for din produktside at indlæse, skal du holde denne værdi mellem 10 og 20. 

Genovervej brugen af plugins og udvidelser

Der er et væld af plugins til WooCommerce, som giver ubegrænset alsidighed. Dette betyder dog ikke, at du skal installere hver enkelt.

Talrige plugins øger mængden af Javascript- eller CSS-filer på dit websted, hvilket får din server til at modtage flere HTTP-anmodninger, hvilket bremser din virksomheds drift. Derudover betyder det at have flere plugins at bruge flere serverressourcer, hvilket sænker indlæsningstiderne.

Det er lige meget, hvor mange plugins du bruger; det afgørende er deres kvalitet. Vælg plugins, der kan udføre adskillige opgaver, læs anmeldelser for at lære om ydeevne, bekræft, at de opdateres ofte, og installer muligheder fra velrenommerede kilder.

Få et hurtigt e-handelstema

Ganske ofte, mens de vælger et e-handelstema, vælger webstedsdesignere æstetik uden at overveje, hvor hurtigt sider indlæses. Som et resultat heraf får frontends udseende ofte prioritet over sidens indlæsningshastighed.

For at optimere indlæsningstiden skal du vælge en WooCommerce tema der er let og ydelsesoptimeret. Sørg for, at temaet er responsivt og har en ren kodebase.

Husk også, at mange temaer også lader dig deaktivere elementer, du ikke bruger. For at afgøre, om et tema indlæses hurtigt, kan du prøve at bruge hastighedsværktøjerne til at teste demosiderne eller gennemse anmeldelserne efterladt af brugere.

Komprimer billeder

Det er vigtigt at formindske dine billeder, før du sender dem til dit websted, da brug af enorme billeder vil dramatisk nedsætte sideindlæsningshastigheden. For at skalere billederne til den rigtige størrelse til dit websted skal du bruge software som Photoshop, GIMP eller Figma.

Dine fotografiers filstørrelser kan reduceres uden at miste kvaliteten ved komprimering. Vælg det relevante format; medmindre dit billede har en gennemskinnelig baggrund, er JPEG-billeder, som er mindre, ofte de bedste at uploade. Vær opmærksom på størrelsen: at uploade et 2000-pixel billede passer ikke på et sted, der kun er 500 pixels bredt. Komprimer billedet efter at have behandlet det: Billedkompressorer reducerer filstørrelsen ved at fjerne eventuelle uvedkommende data og metadata.

Implementer Lazy Loading

En funktion kendt som doven indlæsning forhindrer billeder i at blive indlæst, indtil en besøgende ruller ned til det sted, hvor de vises på siden. Som et resultat behøver dine kunder ikke at vente, mens dine medier indlæses, før de kan se dit indhold. Hvis din hjemmeside har mange billeder, kan denne strategi i høj grad reducere indlæsningstiderne for butikken. 

Du kan installere doven indlæsning på din WooCommerce-butik ved at bruge WordPress-plugins. Plugins forkorter den tid, det tager for din hjemmeside at åbne i første omgang.

Lever statiske ressourcer via CDN

Et indholdsleveringsnetværk (CDN) er et servernetværk, der er strategisk placeret over hele verden. Points of Presence (PoPs) er navnene på disse serverwebsteder. Caching og levering af statiske ressourcer som billeder, JavaScript, CSS osv. er en CDN's vigtigste opgave.

Selvom dit websted er hostet på en meget hurtig server, vil dets placering stadig have en indflydelse. Netværksforsinkelse og tid til første byte (TTFB) er begge reduceret på grund af CDN, som forkorter afstanden mellem hver bruger og webstedets ressourcer.

Den vælger automatisk den nærmeste CDN PoP til at levere de cachelagrede ressourcer baseret på anmodningens oprindelse. Mange CDN'er tilbyder yderligere ydeevneforbedrende muligheder ud over caching, såsom større on-the-fly billedkomprimering, HTTP/3-understøttelse, hotlink-forebyggelse og øget sikkerhed.

Fjern ubrugte scripts og stylesheets

De fleste WordPress plugins og temaer indlæser scripts og stylesheets på hver side på dit websted. Selv når de ikke er nødvendige på siden, indlæser de ikke desto mindre disse elementer.

Ved at fjerne disse unødvendige elementer fra websteder, kan du mindske sidebloat og fremskynde WooCommerce-sideindlæsning, hvilket kan spare dig for tid med at oprette nye websteder og tildele personale. WooCommerce er sårbar over for dette problem, ligesom dets udvidelser.

Kig på vandfaldsdiagrammet i dit websteds hastighedstestresultat for at bestemme, hvad du skal fjerne. Det vil hjælpe dig med at identificere eventuelle overflødige aktiver.

For at slippe af med scripts og stilarter, du ikke har brug for, skal du bruge wp_dequeue_script og wp_dequeue_style. Asset CleanUp: Page Speed Booster er blandt de plugins, der gør det nemt at opnå det samme mål.

Hsp0cpvyhi9gbrlnmjmdwol8pashstzeil4jwp5fwbxygfi9xqelsi1khilpsumku vbng hv68okt6h8taqn mwnqgsquvru5fuyBziptoWjfijkgpynupim4fyqvpieyyiTy w

Skærmbillede taget på embedsmanden WordPress internet side

Vend til Caching

Caching er den midlertidige lagring af ressourcer fra én anmodning, så fremtidige anmodninger kan behandles hurtigt. Både serveren og brugerens enhed er i stand til at opbevare cachen.

Når en bruger laver en anmodning om et websted, henter DNS-serveren websiden fra hostingserveren, og appen på webserveren kører scripts, søger i databasen og producerer websiden, som derefter gengives og vises til brugeren af browseren. Serveren bliver udsat for en enorm belastning, når tusindvis af besøgende fremsætter flere anmodninger på én gang, hvilket får siden til at indlæse langsomt.

Caching kommer i spil i denne situation. Det mindsker den nødvendige indsats for at producere en sidevisning, hvilket mindsker WordPress' afhængighed af PHP og en database. WordPress fungerer næsten lige så hurtigt som statiske websider, hvis ikke præcist.

Server-side caching og browser caching er de to hovedkategorier af online caching, der hver har en række underkategorier.

Begræns revisioner

WooCommerce giver et standard revisionstjek på produktsider, der lader dig gå tilbage og se ændringer foretaget på siderne. Selvom ændringer kan virke fordelagtige, kan de nogle gange forårsage problemer med WooCommerce ydeevne.

Antag til illustration, at du opretter en side og redigerer den flere gange, tilføjer eller fjerner et element hver gang. Du har lige så mange dubletter af din originale side, som du har foretaget ændringer, selvom ændringen er beskeden. Ydelsen af WooCommerce kan i sidste ende lide under dette og gradvist forringes.


Du skal foretage visse justeringer af filen wp-config.php ved webstedets rod for at begrænse/deaktivere revisioner.

Ren database

Hver gang en bruger går ind på din hjemmeside, anmoder de om indholdet på din hjemmeside, som stort set er statisk. De laver dog en dynamisk anmodning, når de afgiver en ordre.

Hvis din butiks database ikke er optimeret, kan håndteringen af disse forespørgsler tage for lang tid. En træg serversvarstid resulterer i sidste ende i en langsom hjemmeside. Som et resultat skal du fjerne meningsløst affald for at rydde op og optimere databasen.

Der er flere tilgange til databaseoptimering:

  • Slip af med gamle revisioner. Din WooCommerce butiks sider, artikler og varer vil blive fyldt med forældede ændringer, hvis den har været online i et stykke tid. Det er tid til at rydde dem op. Den enkleste metode er at bruge plugins som WP-Sweep eller WP Rocket.
  • Fjern udløbende transienter. En defekt midlertidig cache producerer lejlighedsvis over en million ubrugelige poster uden nogen synlig ende i sigte. Over tid kan kundesessioner akkumulere, hvilket tilføjer tusindvis af ekstra poster til dine databasetabeller. En oppustet database kan ødelægge dit websted under sådanne omstændigheder. Alle udløbne transienter kan nemt fjernes med det gratis plugin Delete Expired Transients.
TJZ4XvscygoYi8qbg 5GOu2RY0z4oojavw47f7QR6ajAFR339Nt4ruRYjSucH nRcCoG7qR6ONMsMp

Skærmbillede taget på embedsmanden WordPress internet side

  • Rens dine databasetabeller. Alt det nødvendige for at drive din e-handelsvirksomhed opbevares i din WooCommerce-database. Din database bliver ineffektiv og ender med at beholde en masse uvæsentlige data, når data føjes til og flyttes rundt i tabellerne. Det er vigtigt at rydde op i dine databasetabeller for at fjerne denne ekstra information.
  • Deaktiver funktioner, der ikke er kritiske, men beskatter databasen. Temaer og plugins til WooCommerce har mange smarte funktioner, der i starten virker fantastiske, men som ender med at ødelægge databasen. Et af eksemplerne er billedkomprimeringsplugins, som komprimerer billeder på den samme server, som hoster hjemmesiden. Plugins, der tilføjer tællere til dit websted, såsom visninger, kommentarer osv., bør også undgås.

Udfør mobiloptimering

Ifølge Oberlo, 60% af shoppere siger, at muligheden for at shoppe via mobilen er et vigtigt kriterium i valget af mærke. Derfor er mobiloptimering helt afgørende.

Brug af et responsivt tema er den enkleste tilgang til at tilpasse dit WordPress-websted til mobile enheder. Hold dine butikssider så enkle som du kan, fordi mobilkunder ikke kan lide at scrolle uendeligt. Overvæld dem ikke med information.

Hvis din virksomhed har mange varer vist, skal du gøre det nemmere for mobilkunder at søge efter dem ved at levere produktfiltre. Overvej at installere WooCommerce Product Search-plugin.

Brug Chromes Lighthouse-værktøj eller Googles mobilvenlige testværktøj til at se, om dit websted opfylder de påkrævede retningslinjer for mobilanvendelse.

Minimer omdirigeringer

Serveren registrerer hvert klik på et link til en side i din butik som en omdirigering. I det væsentlige skal serveren dirigere brugerne til den rigtige side. Selvom det kun tager et par sekunder, kan kunderne opfatte det som lang tid, hvilket direkte påvirker din butiks afvisningsprocent.

Hvis dit websted har mange omdirigeringer, bruger du serverressourcer og forlænger den tid, det tager at nå den sidste side. Som et resultat vil skære ned på omdirigering resultere i en mærkbar stigning i sideindlæsningstid, da det er en gennemprøvet WooCommerce-optimeringstilgang.

Opdater din PHP-version og forøg hukommelsesgrænsen

Hver PHP-opdatering er hurtigere end de tidligere versioner. Din vært bestemmer hvilken PHP-version du bruger, og du kan ofte ændre den i dit hostingkontrolpanel. Den specifikke procedure kan dog variere afhængigt af din udbyder. Alternativt kan du bare bede kundeservice om at gøre det for dig. Før du opdaterer din PHP-version, skal du oprette en komplet sikkerhedskopi af webstedet og derefter teste alt for at sikre, at det fungerer korrekt.

Dit hostingfirma har tildelt en bestemt mængde hukommelse til din hjemmeside. Du kan dog gå over det loft baseret på dit særlige websted. Du kan altid kontakte dit hostingfirma, hvis dit hostingkontrolpanel ikke tillader dig at ændre grænsen. PHP modtager som standard en 32 MB hukommelsestildeling fra WordPress. Den vil automatisk forsøge at hæve denne grænse til 40 MB eller 64 MB, hvis den støder på problemer. Denne grænse vil ofte ikke være tilstrækkelig for et WooCommerce-websted. Det anbefales at hæve dette loft til 256 MB.

Slutord

Med de ovenfor angivne metoder kan du dramatisk forbedre hastigheden på din WooCommerce-butik, der dækker spektret fra grundlæggende indstillingsjusteringer til avancerede server-side løsninger. Disse teknikker er til for at forbedre dit websteds hastighed og bør indgå i en løbende strategi for ikke blot at forbedre, men også vedligeholde webstedets ydeevne.

I sidste ende er hastighedsoptimering ikke en engangsopgave, men en løbende forpligtelse. Regelmæssig overvågning af dit websteds hastighed ved hjælp af de forskellige diskuterede værktøjer og metoder kan give værdifuld indsigt i, hvor godt din WooCommerce-optimeringsindsats fungerer.

da_DKDanish