Trege WooCommerce-butikker kan koste deg penger på en rekke forskjellige måter, fra økning i forlatte handlekurver til tap av kundelojalitet. Ifølge Unbounce, sier nesten 70 % av forbrukerne at sidehastighet påvirker deres ønske om å kjøpe fra en nettbutikk. Problemet her er at hastigheten avhenger av mange faktorer, og forbedringen kan kreve mye tid og innsats.
Ifølge Portent, synker konverteringsratene for nettsteder med et gjennomsnitt på 4,42 % for hvert sekund en side bruker på å laste mellom 0 og 5 sekunder, med sider med lastetider mellom 0 og 2 sekunder som har de høyeste e-handelskonverteringsratene.
Hvis nettstedets lastehastighet er over 2-3 sekunder, er denne artikkelen det du trenger. Her finner du flere velprøvde tips om måling og forbedring av ytelsen til e-handelsnettsteder.
Hvorfor er hastighet viktig?
Nettstedshastighet er et kritisk element for suksessen til ethvert online-foretak, inkludert WooCommerce-butikker, av flere grunner:
Brukeropplevelse:
Internettbrukere har vanligvis kort oppmerksomhetsspenn. Trege lastetider kan føre til at besøkende forlater nettstedet ditt før det er fullstendig lastet. Et raskt nettsted, derimot, gjør navigasjonen enklere, og oppmuntrer brukere til å utforske flere sider og bli lenger.
SEO og rangering:
Sidehastighet er en av de viktigste rangeringsfaktorene for Google. Målinger som Largest Contentful Paint (LCP), First Input Delay (FID) og Cumulative Layout Shift (CLS) er en del av Googles rangeringsfaktorer. Raskere nettsteder har større sjanse for å rangere høyere i søkemotorer. Med økningen i mobilsøk, påvirker også mobil sidehastighet SEO betydelig.
Kostnadseffektivitet:
Optimaliserte, raskere nettsteder bruker generelt mindre båndbredde og kan resultere i lavere hostingkostnader. Raskere nettsteder krever også mindre tid og innsats å vedlikeholde.
Mobilbrukere:
Med et økende antall brukere som får tilgang til nettsteder via mobile enheter, der tilkoblingshastighetene kan være tregere, blir optimalisert nettstedshastighet enda viktigere. Treg lasting kan være enda mer problematisk på mobile enheter og føre til høyere fluktfrekvens.
Global rekkevidde:
Brukere fra forskjellige regioner med varierende internetthastigheter kan få en konsekvent opplevelse hvis nettstedet ditt er optimalisert for hastighet. Raskere nettsteder er fordelaktige hvis du sikter mot et globalt publikum og bruker et innholdsleveringsnettverk (CDN) for å levere lokalisert innhold.
Hvordan evaluere nåværende butikkhastighet?
Før du starter forbedringsprosessen, må du finne ut hvor du står nå og finne ut den nåværende butikkhastigheten og hvilke problemer som kan bremse nettstedet ditt. Her er noen metoder og verktøy du kan bruke for å evaluere hastigheten på WooCommerce-nettstedet ditt:
Direkte testverktøy
Disse verktøyene tester direkte ytelsen til nettstedet ditt ved å laste det fra forskjellige steder rundt om i verden, og simulerer forskjellige enheter og tilkoblingshastigheter:
- Google PageSpeed Insights: Gir innsikt i hastighet for både mobil og skrivebord. Gir også forslag til WooCommerce-optimalisering.
- GTmetrix: Utfører en detaljert analyse inkludert fossefallsdiagram, anbefalinger og forskjellige poengsummer.
- WebPageTest: Gir detaljert informasjon som hastighetsindeks, tid til første byte og mer.
Nettleserutviklerverktøy
Disse løsningene, innebygd i moderne nettlesere, lar utviklere inspisere, feilsøke og profilere nettsteder:
- Chrome DevTools: Bruk fanene Nettverk og Ytelse for å analysere nettstedshastighet.
- Firefox Developer Tools: Disse verktøyene lar utviklere inspisere, feilsøke og profilere nettsider, og hjelper dem med å forstå oppførselen og strukturen til nettsteder.
Server-side verktøy
Disse verktøyene kan hjelpe med å identifisere server-side problemer som kanskje ikke er tydelige med frontend-testverktøy:
- New Relic: Gir et dypdykk i serverytelse, bra for å oppdage back-end-flaskehalser.
- Logganalyse: Analyser serverlogger for å oppdage problemer.
Plugin-baserte sjekker
Plugins kan tilby en praktisk og kraftig måte å overvåke ulike aspekter av WooCommerce-butikkens ytelse direkte fra WordPress-adminområdet ditt. Her er noen populære plugin-baserte tilnærminger:
- Query Monitor: En WordPress-plugin for å sjekke hvilke spørringer som bremser ned nettstedet ditt.
- WP Debugging: Aktiverer WordPress-feilsøkingsfunksjoner for å se etter problemer.
Sanntids brukermonitorering
Sanntids brukermonitorering (RUM) er en ytelsesovervåkingstilnærming som fanger opp og analyserer hver transaksjon av brukere av et nettsted eller en applikasjon. I motsetning til syntetiske overvåkingsmetoder, som simulerer brukeratferd, samler RUM inn data fra faktiske brukeres interaksjoner med nettstedet ditt.
Vanligvis legger du til en liten bit JavaScript-kode på nettstedet ditt, som samler inn og sender ytelsesdata til en server for analyse. Dette er hvordan de fleste RUM-verktøy fungerer, selv om spesifikke implementeringsdetaljer kan variere. Blant de nyttige verktøyene for RUM er New Relic Browser, Boomerang, Akamai mPulse og andre.
14 måter å øke hastigheten på WooCommerce-butikken din
Nå som du kjenner den nåværende lastehastigheten og hvilke problemer som finnes, kan du bygge en optimaliseringsstrategi. Husk at du sannsynligvis må fikse flere aspekter av nettstedet for å oppnå god WooCommerce-butikkhastighet. Du må også overvåke hastigheten av og til, da den til slutt kan bli tregere. Her er noen råd om hvordan du kan øke ytelsen til nettstedet ditt:
Finn en pålitelig hosting
Mens feil alternativ kan føre til misfornøyde kunder og tapt virksomhet, kan den ideelle WooCommerce-webhostingtjenesten garantere feilfri ytelse, raske lastetider og konsekvent oppetid.
Hver hostingtype kan tilbys under en rekke planer med forskjellige prispunkter. Derfor, mens du ser etter en hostingleverandør innenfor ditt prisklasse, bør du vurdere funksjoner som server-side caching, tilstrekkelig båndbredde og RAM for nettstedets behov, høyytelses SSD-lagring og oppdatert programvare, som PHP og MySQL.
Hvis du har en delt hostingplan, betyr det at hundrevis av nettsteder bruker samme server og dens ressurser. Velg en host som begrenser antall nettsteder som er tillatt på hver server, eller vurder å oppgradere til en VPS eller dedikert plan.
Optimaliser ytelsesinnstillinger
Endre URL-en til påloggingssiden din først. Påloggings-URL-en er vanligvis standard og kjent for alle, inkludert hackere, noe som gjør nettsteder sårbare for angrep.
Du kan unngå brute force-angrep fra ondsinnede aktører ved å endre påloggings-URL-en din til noe unikt. Du kan også bruke den til å forhindre rate-limiting HTTP-problemer.
Hvis e-handelsnettstedet ditt også har en blogg, begrens antall innlegg som vises i bloggfeeden din. Hvis du administrerer en populær blogg, summerer ytelsesbesparelsene seg opp. Disse justeringene kan gjøres i WordPress-dashbordets leseinnstillinger.
Skjermbilde tatt fra den offisielle WordPress-nettsiden
Slå deretter av pingbacks på nettstedet ditt. Vanligvis produserer de spam. WordPress gir deg også muligheten til å dele store brukerkommentarer i mindre deler hvis du har mange kommentarer fra brukere på artiklene eller sidene dine. For å redusere tiden det tar for produktsiden din å laste, hold denne verdien mellom 10 og 20.
Vurder bruken av plugins og utvidelser på nytt
Det finnes en overflod av plugins for WooCommerce, som gir ubegrenset allsidighet. Dette betyr imidlertid ikke at du må installere hver eneste en.
Mange plugins øker mengden Javascript- eller CSS-filer på nettstedet ditt, noe som fører til at serveren din mottar flere HTTP-forespørsler, og bremser ned bedriftens operasjoner. I tillegg betyr det å ha flere plugins at du bruker mer serverressurser, noe som bremser ned lastetidene.
Det spiller ingen rolle hvor mange plugins du bruker; det som betyr noe er kvaliteten deres. Velg plugins som kan utføre mange oppgaver, les anmeldelser for å lære om ytelse, bekreft at de oppdateres ofte, og installer alternativer fra anerkjente kilder.
Skaff deg et raskt e-handelstema
Ganske ofte, når man velger et e-handelstema, velger webdesignere estetikk uten å vurdere hvor raskt sidene lastes. Som et resultat prioriteres utseendet på frontend ofte over sidens lastehastighet.
For å optimalisere lastetiden, velg et WooCommerce-tema som er lett og ytelsesoptimalisert. Sørg for at temaet er responsivt og har en ren kodebase.
Husk også at mange temaer lar deg deaktivere elementer du ikke bruker. For å avgjøre om et tema lastes raskt, prøv å bruke hastighetsverktøyene til å teste demosidene eller bla gjennom anmeldelsene fra brukere.
Komprimer bilder
Det er viktig å redusere størrelsen på bildene dine før du legger dem ut på nettstedet ditt, siden bruk av store bilder vil dramatisk redusere sidens lastehastigheter. For å skalere bildene til riktig størrelse for nettstedet ditt, bruk programvare som Photoshop, GIMP eller Figma.
Filstørrelsen på fotografiene dine kan reduseres uten å miste kvalitet ved komprimering. Velg riktig format; med mindre bildet ditt har en gjennomsiktig bakgrunn, er JPEG-bilder, som er mindre, ofte de beste å laste opp. Vær oppmerksom på størrelsen: å laste opp et bilde på 2000 piksler vil ikke passe på et sted som bare er 500 piksler bredt. Komprimer bildet etter å ha behandlet det: bildekompressorer reduserer filstørrelsen ved å fjerne overflødige data og metadata.
Implementer lat lasting
En funksjon kjent som lat lasting (lazy loading) forhindrer at bilder lastes inn før en besøkende på nettstedet ruller ned til der de vises på siden. Som et resultat trenger ikke kundene dine å vente mens mediene dine lastes for at de skal kunne se innholdet ditt. Hvis nettstedet ditt har mange bilder, kan denne strategien redusere lastetidene for butikken betydelig.
Du kan installere lat lasting på WooCommerce-butikken din ved å bruke WordPress-plugins. Pluginene forkorter tiden det tar for nettstedet ditt å åpne i utgangspunktet.
Lever statiske ressurser via CDN
Et innholdsleveringsnettverk (CDN) er et nettverk av servere som er strategisk plassert over hele verden. Disse serverstedene kalles Points of Presence (PoPs). Caching og levering av statiske ressurser som bilder, JavaScript, CSS, etc., er en CDNs hovedoppgave.
Selv om nettstedet ditt er hostet på en veldig rask server, vil plasseringen fortsatt ha en innvirkning. Nettverksforsinkelse og tid til første byte (TTFB) reduseres begge på grunn av CDN, som forkorter avstanden mellom hver bruker og nettstedets ressurser.
Den velger automatisk den nærmeste CDN PoP for å levere de bufrede ressursene basert på forespørselens opprinnelse. Mange CDN-er tilbyr ekstra ytelsesforbedrende funksjoner i tillegg til caching, som forbedret bildekomprimering i sanntid, HTTP/3-støtte, hotlink-forebygging og økt sikkerhet.
Fjern ubrukte skript og stilark
De fleste WordPress-plugins og -temaer laster inn skript og stilark på hver side av nettstedet ditt. Selv når de ikke er nødvendige på siden, laster de likevel inn disse elementene.
Ved å fjerne disse unødvendige elementene fra nettsteder, kan du redusere side-oppblåsthet og øke hastigheten på WooCommerce-sidelasting, noe som kan spare deg for tid med å sette opp nye nettsteder og tildele ansatte. WooCommerce er sårbar for dette problemet, det samme er utvidelsene.
Se på fossefallsdiagrammet i hastighetstesten for nettstedet ditt for å avgjøre hva du skal fjerne. Det vil hjelpe deg med å identifisere overflødige ressurser.
For å bli kvitt skript og stiler du ikke trenger, bruk wp_dequeue_script og wp_dequeue_style. Asset CleanUp: Page Speed Booster er blant pluginene som gjør det enkelt å oppnå det samme målet.
Skjermbilde tatt fra den offisielle WordPress-nettsiden
Bruk Caching
Caching er midlertidig lagring av ressurser fra én forespørsel, slik at fremtidige forespørsler kan behandles raskt. Både serveren og brukerens enhet kan holde på cachen.
Når en bruker sender en forespørsel om et nettsted, henter DNS-serveren nettsiden fra hostingserveren, og appen på webserveren kjører skript, søker i databasen og produserer nettsiden, som deretter gjengis og vises for brukeren av nettleseren. Serveren blir utsatt for et enormt press når tusenvis av besøkende sender flere forespørsler samtidig, noe som fører til at siden lastes sakte.
Caching kommer inn i bildet i denne situasjonen. Det reduserer innsatsen som er nødvendig for å produsere en sidevisning, og reduserer WordPress' avhengighet av PHP og en database. WordPress fungerer nesten like raskt som statiske nettsider, om ikke nøyaktig.
Server-side caching og nettleser-caching er de to hovedkategoriene av online caching, hver med en rekke underkategorier.
Begrens revisjoner
WooCommerce tilbyr en standard revisjonssjekk på produktsider som lar deg gå tilbake og se endringer som er gjort på sidene. Selv om modifikasjoner kan virke fordelaktige, kan de noen ganger forårsake ytelsesproblemer i WooCommerce.
For eksempel, anta at du oppretter en side og redigerer den flere ganger, og legger til eller fjerner ett element hver gang. Du har like mange duplikater av den opprinnelige siden som du gjorde endringer, selv om endringen er beskjeden. Ytelsen til WooCommerce kan til slutt lide av dette og gradvis forverres.
Du må gjøre visse justeringer i wp-config.php-filen i roten av nettstedet for å begrense/deaktivere revisjoner.
Rens databasen
Hver gang en bruker går inn på nettstedet ditt, ber de om innholdet på nettstedet ditt, som i stor grad er statisk. De sender imidlertid en dynamisk forespørsel når de legger inn en bestilling.
Hvis butikkens database ikke er optimalisert, kan det ta for lang tid å håndtere disse spørringene. En treg serverresponstid resulterer til slutt i et tregt nettsted. Som et resultat må du fjerne unødvendig søppel for å rydde opp og optimalisere databasen.
Det er flere tilnærminger til databaseoptimalisering:
- Bli kvitt gamle revisjoner. Sidene, artiklene og varene i WooCommerce-butikken din vil være lastet med utdaterte modifikasjoner hvis den har vært online en stund. Det er på tide å rydde opp i dem. Den enkleste metoden er å bruke plugins som WP-Sweep eller WP Rocket.
- Fjern utløpende transienter. En feilaktig midlertidig cache produserer av og til over en million unyttige oppføringer uten noen åpenbar slutt i sikte. Over tid kan kundeøkter akkumuleres, og legge til tusenvis av ekstra oppføringer i databasetabellene dine. En oppblåst database kan få nettstedet ditt ned i slike tilfeller. Alle utløpte transienter kan enkelt fjernes med den gratis Delete Expired Transients-pluginen.
Skjermbilde tatt fra den offisielle WordPress -nettsiden
- Rens databasetabellene dine. Alt som kreves for å drive e-handelsvirksomheten din, lagres i WooCommerce-databasen din. Databasen din blir ineffektiv og ender opp med å lagre mye uviktig data når data legges til og flyttes rundt i tabellene. Å rydde opp i databasetabellene er avgjørende for å fjerne denne ekstra informasjonen.
- Deaktiver funksjoner som ikke er kritiske, men som belaster databasen. Temaer og plugins for WooCommerce har mange smarte funksjoner som i utgangspunktet virker flotte, men som ender opp med å ødelegge databasen. Et av eksemplene er bildekomprimeringsplugins, som komprimerer bilder på samme server som hoster nettstedet. Plugins som legger til tellere på nettstedet ditt, som visninger, kommentarer, etc., bør også unngås.
Utfør mobiloptimalisering
Ifølge Oberlo, sier 60 % av handlerne at muligheten for å handle via mobil er et viktig kriterium i valg av merke. Derfor er mobiloptimalisering helt avgjørende.
Å bruke et responsivt tema er den enkleste tilnærmingen for å tilpasse WordPress-nettstedet ditt for mobile enheter. Hold butikksidene dine så enkle som mulig, fordi mobilkunder ikke liker å rulle i det uendelige. Ikke overveld dem med informasjon.
Hvis bedriften din har mange varer utstilt, gjør det enklere for mobilkunder å søke etter dem ved å tilby live produktfiltre. Vurder å installere WooCommerce Product Search-pluginen.
Bruk Chromes Lighthouse-verktøy eller Googles mobilvennlighetstestverktøy for å se om nettstedet ditt oppfyller de nødvendige retningslinjene for mobil brukervennlighet.
Minimer omdirigeringer
Serveren registrerer hvert klikk på en lenke til en side i butikken din som en omdirigering. I hovedsak må serveren dirigere brukere til riktig side. Selv om det bare tar noen få sekunder, kan kundene oppfatte det som lang tid, noe som direkte påvirker butikkens fluktfrekvens.
Hvis nettstedet ditt har mange omdirigeringer, bruker du opp serverressurser og forlenger tiden det tar å nå den endelige siden. Som et resultat vil det å kutte ned på omdirigeringer føre til en merkbar økning i sideinnlastingstid, da det er en velprøvd WooCommerce-optimaliseringstilnærming.
Oppdater PHP-versjonen din og øk minnegrensen
Hver PHP-oppdatering er raskere enn de forrige versjonene. Hostingleverandøren din bestemmer hvilken PHP-versjon du bruker, og du kan ofte endre den i hosting-kontrollpanelet ditt. Den spesifikke prosedyren kan imidlertid variere avhengig av leverandøren din. Alternativt kan du bare be kundeservice om å gjøre det for deg. Før du oppdaterer PHP-versjonen din, lag en fullstendig sikkerhetskopi av nettstedet, og test deretter alt for å sikre at det fungerer som det skal.
Hostingselskapet ditt har tildelt en bestemt mengde minne til nettstedet ditt. Du kan imidlertid overskride den grensen basert på ditt spesifikke nettsted. Du kan alltid kontakte hostingselskapet ditt hvis hosting-kontrollpanelet ditt ikke lar deg endre grensen. PHP mottar en minnetildeling på 32 MB fra WordPress som standard. Den vil automatisk prøve å heve denne grensen til 40 MB eller 64 MB hvis den støter på problemer. Denne grensen vil ofte ikke være tilstrekkelig for et WooCommerce-nettsted. Det anbefales å heve denne grensen til 256 MB.
Siste ord
Med metodene som er gitt ovenfor, kan du dramatisk forbedre hastigheten på WooCommerce-butikken din, og dekke alt fra grunnleggende innstillingsjusteringer til avanserte server-side-løsninger. Disse teknikkene er der for å forbedre nettstedets hastighet og bør utgjøre en del av en pågående strategi for ikke bare å forbedre, men også å opprettholde nettstedets ytelse.
Til syvende og sist er hastighetsoptimalisering ikke en engangsoppgave, men en pågående forpliktelse. Regelmessig overvåking av nettstedets hastighet ved hjelp av de ulike verktøyene og metodene som er diskutert, kan gi verdifull innsikt i hvor godt WooCommerce-optimaliseringsinnsatsen din fungerer.
