Langsomme WooCommerce-butikker kan koste dig penge på flere forskellige måder, fra en stigning i forladte indkøbskurve til tab af kundeloyalitet. Ifølge Unbounce, siger næsten 70% af forbrugerne, at sidehastighed påvirker deres ønske om at købe fra en online butik. Problemet her er, at hastigheden afhænger af adskillige faktorer, og forbedringen kan kræve masser af tid og kræfter.
Ifølge Portent, falder konverteringsrater på hjemmesider med et gennemsnit på 4,42% for hvert sekund, en side tager at indlæse mellem sekund 0 og 5, hvor sider med indlæsningstider mellem 0 og 2 sekunder har de højeste e-handelskonverteringsrater.
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 at måle og forbedre e-handels-hjemmesiders ydeevne.
Hvorfor er hastighed vigtigt?
Hjemmesidehastighed er et kritisk element for succesen af enhver online virksomhed, herunder WooCommerce-butikker, af flere grunde:
Brugeroplevelse:
Internetbrugere har typisk en kort opmærksomhedsspændvidde. Langsomme indlæsningstider kan resultere i, at besøgende forlader din hjemmeside, før den overhovedet er fuldt indlæst. En hurtig hjemmeside, tværtimod, gør navigationen lettere og opfordrer brugerne til at udforske flere sider og blive længere.
SEO og rangering:
Sidehastighed er en af de mest afgørende rangeringsfaktorer 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 større chancer for at rangere højere i søgemaskinerne. Med stigningen i mobilsøgning påvirker mobil sidehastighed også SEO betydeligt.
Omkostningseffektivitet:
Optimerede, hurtigere hjemmesider bruger generelt mindre båndbredde og kan resultere i lavere hostingomkostninger. Hurtigere sider kræver også mindre tid og kræfter at vedligeholde.
Mobilbrugere:
Med et stigende antal brugere, der tilgår sider via mobile enheder, hvor forbindelseshastigheder kan være langsommere, bliver optimeret hjemmesidehastighed 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 have en ensartet oplevelse, hvis din hjemmeside er optimeret for hastighed. Hurtigere hjemmesider er fordelagtige, hvis du sigter mod 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 nuværende butikshastighed, og hvilke problemer der kan bremse din side. Her er nogle metoder og værktøjer, du kan bruge til at evaluere din WooCommerce-sides hastighed:
Direkte testværktøjer
Disse værktøjer tester direkte din hjemmesides ydeevne ved at indlæse den fra forskellige steder rundt om i verden og simulere forskellige enheder og forbindelseshastigheder:
- Google PageSpeed Insights: Giver indsigt i både mobil- og skrivebordshastighed. Giver også WooCommerce-optimeringsforslag.
- GTmetrix: Udfører en detaljeret analyse, herunder 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, fejlfinde og profilere hjemmesider:
- Chrome DevTools: Brug fanerne Netværk og Ydeevne til at analysere sidehastighed.
- Firefox Developer Tools: Disse værktøjer giver udviklere mulighed for at inspicere, fejlfinde og profilere websider, hvilket hjælper dem med at forstå hjemmesiders adfærd og struktur.
Server-side værktøjer
Disse værktøjer kan hjælpe med at identificere server-side problemer, der måske ikke er tydelige med frontend testværktøjer:
- New Relic: Giver et dybt dyk ned i serverydeevne, godt til at spotte back-end flaskehalse.
- Loganalyse: Analyser serverlogs for at spotte problemer.
Plugin-baserede tjek
Plugins kan tilbyde en bekvem 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 tjekke, hvilke forespørgsler der bremser din hjemmeside.
- WP Debugging: Aktiverer WordPress-fejlfindingsfunktioner for at tjekke for problemer.
Real User Monitoring
Real User Monitoring (RUM) er en tilgang til ydeevneovervågning, der fanger og analyserer hver transaktion foretaget af brugere af en hjemmeside eller applikation. I modsætning til syntetiske overvågningsmetoder, der simulerer brugeradfærd, indsamler RUM data fra faktiske brugeres interaktioner med din side.
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 hastigheden på din WooCommerce-butik
Nu hvor du kender den nuværende indlæsningshastighed og hvilke problemer der er, kan du opbygge en optimeringsstrategi. Husk, at du sandsynligvis bliver nødt til at rette flere aspekter af hjemmesiden for at opnå en god WooCommerce-butikshastighed. Du skal også overvåge hastigheden lejlighedsvis, da den med tiden kan blive langsommere. Her er nogle råd om, hvordan du kan øge din sides ydeevne:
Find en pålidelig hosting
Mens den forkerte mulighed kan resultere i utilfredse kunder og tabt forretning, kan den ideelle WooCommerce webhosting-tjeneste garantere fejlfri ydeevne, hurtige indlæsningstider og konsekvent oppetid.
Hver hostingtype kan leveres under forskellige planer med forskellige prispunkter. Derfor, mens du leder efter en hostingudbyder inden for dit prisleje, skal du overveje funktioner som server-side caching, tilstrækkelig båndbredde og RAM til din sides behov, højtydende SSD-lager og opdateret software, såsom PHP og MySQL.
Hvis du har en delt hostingplan, betyder det, at hundredvis af hjemmesider bruger den samme server og dens ressourcer. Vælg en vært, der begrænser antallet af hjemmesider, der er tilladt på hver server, eller overvej at opgradere til en VPS eller dedikeret plan.
Optimer ydeevneindstillinger
Skift først URL'en til din login-side. Login-URL'en er normalt standard og kendt af alle, inklusive hackere, hvilket gør hjemmesider sårbare over for angreb.
Du kan undgå ondsindede aktørers brute force-angreb ved at ændre din login-URL til noget unikt. Du kan også bruge det til at forhindre rate-limiting HTTP-problemer.
Hvis din e-handels-hjemmeside også har en blog, skal du begrænse antallet af indlæg, der vises i din blog-feed. Hvis du driver en populær blog, summerer ydeevnebesparelserne sig op. Disse justeringer kan foretages i WordPress Dashboardets Læseindstillinger.
Skærmbillede taget fra den officielle WordPress-hjemmeside
Slå derefter pingbacks fra på din hjemmeside. Typisk producerer de spam. WordPress giver dig også mulighed for at opdele store brugerkommentarer i mindre dele, 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 dem alle.
Talrige plugins øger mængden af Javascript- eller CSS-filer på din hjemmeside, hvilket får din server til at modtage flere HTTP-anmodninger, hvilket bremser din virksomheds drift. Derudover betyder flere plugins, at der bruges flere serverressourcer, hvilket bremser indlæsningstiderne.
Det er ikke antallet af plugins, du bruger, der betyder noget; det er deres kvalitet. Vælg plugins, der kan udføre flere opgaver, læs anmeldelser for at lære om ydeevne, bekræft, at de opdateres hyppigt, og installer muligheder fra velrenommerede kilder.
Få et hurtigt e-handelstema
Ganske ofte, når man vælger et e-handelstema, vælger webdesignere æstetik uden at overveje, hvor hurtigt siderne indlæses. Som et resultat prioriteres udseendet af frontend ofte over sideindlæsningshastigheden.
For at optimere indlæsningstiden skal du vælge et WooCommerce-tema, der er let og ydeevneoptimeret. 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øjer til at teste demosiderne eller gennemse anmeldelser fra brugere.
Komprimer billeder
Det er vigtigt at formindske dine billeder, før du lægger dem op på din hjemmeside, da brugen af store billeder vil dramatisk bremse sideindlæsningshastighederne. For at skalere billederne til den rigtige størrelse for din hjemmeside, skal du bruge software som Photoshop, GIMP eller Figma.
Dine billeders filstørrelser kan reduceres uden at miste kvalitet ved komprimering. Vælg det rigtige format; medmindre dit billede har en gennemsigtig 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 vil ikke passe ind i et rum, der kun er 500 pixels bredt. Komprimer billedet efter behandling: billedkompressorer reducerer filstørrelsen ved at fjerne overflødige data og metadata.
Implementer Lazy Loading
En funktion kendt som lazy loading forhindrer billeder i at blive indlæst, indtil en sidebesøgende scroller ned til, hvor de vises på siden. Som et resultat behøver dine kunder ikke at vente, mens dine medier indlæses, for at 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 lazy loading på din WooCommerce-butik ved at bruge WordPress-plugins. Pluginsene forkorter den tid, det tager for din hjemmeside at åbne i første omgang.
Lever statiske ressourcer via CDN
Et content delivery network (CDN) er et netværk af servere, der er strategisk placeret over hele verden. Points of Presence (PoPs) er navnet på disse serverplaceringer. Caching og levering af statiske ressourcer som billeder, JavaScript, CSS osv. er en CDN's primære opgave.
Selvom din hjemmeside er hostet på en meget hurtig server, vil dens placering stadig have en indvirkning. Netværkslatens og tid til første byte (TTFB) reduceres begge på grund af CDN, hvilket forkorter afstanden mellem hver bruger og sidens ressourcer.
Det vælger automatisk den nærmeste CDN PoP til at levere de cachede ressourcer baseret på anmodningens oprindelse. Mange CDN'er tilbyder yderligere ydeevneforbedrende funktioner 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
Størstedelen af WordPress-plugins og -temaer indlæser scripts og stylesheets på hver side af din hjemmeside. Selv når de ikke er nødvendige på siden, indlæser de stadig disse elementer.
Ved at fjerne disse unødvendige elementer fra hjemmesider kan du reducere sideopsvulmning og fremskynde WooCommerce-sideindlæsning, hvilket kan spare dig tid med at oprette nye sider og tildele personale. WooCommerce er sårbar over for dette problem, ligesom dets udvidelser.
Se på vandfaldsdiagrammet i din hjemmesides hastighedstestresultat for at afgøre, hvad der skal fjernes. Det vil hjælpe dig med at identificere overflødige aktiver.
For at slippe af med scripts og styles, 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.
Skærmbillede taget fra den officielle WordPress-hjemmeside
Brug caching
Caching er den midlertidige lagring af ressourcer fra en anmodning, så fremtidige anmodninger kan behandles hurtigt. Både serveren og brugerens enhed er i stand til at holde cachen.
Når en bruger anmoder om en hjemmeside, 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 for brugeren af browseren. Serveren udsættes for en enorm belastning, når tusindvis af besøgende foretager flere anmodninger på én gang, hvilket får siden til at indlæse langsomt.
Caching kommer ind i billedet i denne situation. Det mindsker den indsats, der kræves for at producere en sidevisning, hvilket reducerer 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, hver med en række underkategorier.
Begræns revisioner
WooCommerce tilbyder en standard revisionskontrol på produktsider, der lader dig gå tilbage og se ændringer, der er foretaget på siderne. Selvom ændringer kan virke fordelagtige, kan de undertiden forårsage WooCommerce-ydeevneproblemer.
For eksempel, antag at du opretter en side og redigerer den flere gange, hvor du tilføjer eller fjerner et element hver gang. Du har lige så mange dubletter af din oprindelige side, som du har foretaget ændringer, selvom ændringen er beskeden. Ydeevnen af WooCommerce kan i sidste ende lide under dette og gradvist forringes.
Du skal foretage visse justeringer i filen wp-config.php i hjemmesidens rod for at begrænse/deaktivere revisioner.
Rens database
Hver gang en bruger går ind på din hjemmeside, anmoder de om indholdet af din hjemmeside, som i vid udstrækning er statisk. Men de foretager en dynamisk anmodning, når de afgiver en ordre.
Hvis din butiks database ikke er optimeret, kan det tage for lang tid at håndtere disse forespørgsler. En træg serverresponstid resulterer i sidste ende i en langsom hjemmeside. Som et resultat skal du fjerne unødvendigt 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 være fyldt med forældede ændringer, hvis den har været online i et stykke tid. Det er tid til at rydde op i dem. 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 tilsyneladende ende i sigte. Over tid kan kundesessioner akkumulere, hvilket tilføjer tusindvis af ekstra poster til dine databasetabeller. En oppustet database kan bringe din hjemmeside ned i sådanne tilfælde. Alle udløbne transienter kan nemt fjernes med det gratis Delete Expired Transients-plugin.
Skærmbillede taget fra den officielle WordPress -hjemmeside
- Rens dine databasetabeller. Alt, hvad der kræves for at drive din e-handelsvirksomhed, opbevares i din WooCommerce-database. Din database bliver ineffektiv og ender med at opbevare en masse uvigtige data, når data tilføjes og flyttes rundt i tabellerne. Oprydning af dine databasetabeller er afgørende for at fjerne denne ekstra information.
- Deaktiver funktioner, der ikke er kritiske, men som belaster databasen. Temaer og plugins til WooCommerce har mange smarte funktioner, der i første omgang virker fantastiske, men ender med at ødelægge databasen. Et af eksemplerne er billedkomprimeringsplugins, som komprimerer billeder på den samme server, der hoster hjemmesiden. Plugins, der tilføjer tællere til din hjemmeside, som visninger, kommentarer osv., bør også undgås.
Udfør mobiloptimering
Ifølge Oberlo, siger 60% af kunderne, at muligheden for at handle via mobil er et vigtigt kriterium i valg af brand. Derfor er mobiloptimering absolut afgørende.
Brug af et responsivt tema er den enkleste tilgang til at tilpasse din WordPress-hjemmeside til mobile enheder. Hold dine butikssider så enkle som muligt, da mobilkunder ikke kan lide at scrolle uendeligt. Overvæld dem ikke med information.
Hvis din virksomhed har mange varer vist, gør det nemmere for mobilkunder at søge efter dem ved at tilbyde live produktfiltre. Overvej at installere WooCommerce Product Search-plugin'et.
Brug Chromes Lighthouse-værktøj eller Googles Mobile-Friendly Test-værktøj til at se, om din hjemmeside opfylder de krævede retningslinjer for mobil brugervenlighed.
Minimer omdirigeringer
Serveren registrerer hvert klik på et link til en side i din butik som en omdirigering. I bund og grund 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 din hjemmeside har mange omdirigeringer, bruger du serverressourcer og forlænger den tid, det tager at nå den endelige side. Som et resultat vil en reduktion af omdirigeringer resultere i en mærkbar stigning i sideindlæsningstid, da det er en gennemprøvet WooCommerce-optimeringsmetode.
Opdater din PHP-version og øg hukommelsesgrænsen
Hver PHP-opdatering er hurtigere end de tidligere versioner. Din vært bestemmer den 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 blot bede kundeservice om at gøre det for dig. Før du opdaterer din PHP-version, skal du oprette en komplet hjemmeside-backup og derefter teste alt for at sikre, at det fungerer korrekt.
Din hostingudbyder har tildelt en bestemt mængde hukommelse til din hjemmeside. Du kan dog overskride denne grænse baseret på din specifikke side. Du kan altid kontakte din hostingudbyder, hvis dit hostingkontrolpanel ikke giver dig mulighed for at ændre grænsen. PHP modtager som standard en hukommelsestildeling på 32 MB 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 en WooCommerce-side. Det anbefales at hæve denne grænse til 256 MB.
Afsluttende ord
Med de ovennævnte metoder kan du dramatisk forbedre hastigheden på din WooCommerce-butik, der dækker alt fra grundlæggende indstillingsjusteringer til avancerede server-side-løsninger. Disse teknikker er der for at forbedre din hjemmesides hastighed og bør udgøre en del af en løbende strategi for ikke kun at forbedre, men også at vedligeholde sidens ydeevne.
I sidste ende er hastighedsoptimering ikke en engangsopgave, men en løbende forpligtelse. Regelmæssig overvågning af din hjemmesides hastighed ved hjælp af de forskellige værktøjer og metoder, der er diskuteret, kan give værdifuld indsigt i, hvor godt dine WooCommerce-optimeringsbestræbelser fungerer.
