Gjør nettsiden raskere ved å optimalisere lastetiden, redusere filstørrelser og forbedre brukeropplevelsen for bedre SEO og konverteringer.
Thomas Haurum
Finnes det noe mer frustrerende enn å komme inn på en supertreig nettside? Nei, ikke sant?
Tålmodigheten vår er liten når vi leter etter info eller produkter på nett. Landingen på en treg nettside gjør at vi klikker oss rett videre til neste.
Dårlig fart gir deg bare problemer. Det gir brukeren en dårlig opplevelse, og deg som eier tapte ordre. Google ser også at brukerne forlater siden din raskt.
Hvordan unngår du dette? Svaret er: Fokuser på hastighetsoptimalisering.
Hastighetsoptimalisering krever både teori og teknikk. Men hvorfor er dette så viktig nå?
Etter hvert som Google forbedrer algoritmene sine for bedre søkeresultater, har hastighet fått en større rolle. Google har nå gjort sidehastighet til en direkte rangeringsfaktor. Kan du bli “straffet” for en treg side? Alt tyder på det.
Men det handler ikke bare om Google. Rask nettside betyr mer fornøyde brukere. Studier viser at du enten vinner eller mister brukerne på det første sekundet. En side med mer enn 1 sekund ventetid gir typisk:
Det er enkelt: Lastetiden påvirker brukeropplevelsen og konverteringsraten – altså bunnlinjen din.
Ingen unnskyldninger: Gjør noe med farten! Det er et must om du har ambisjoner digitalt.
I dette innlegget får du de lavthengende fruktene du bør starte med for et raskt nettsted.
Start med å finne ut hvordan nettsiden din presterer i dag. Det finnes mange verktøy for analyser. Jeg foretrekker GTmetrix. Det er gratis, grundig og enkelt. Brukergrensesnittet er lett å forstå og gir deg karakter fra 1-100. Du får også oversikt over hvilke områder som trekker ned.
Veien videre avhenger av hvordan websiden din er satt opp – og dine tekniske ferdigheter. De fleste open source-CMS har gode pluginmuligheter, så du slipper å bruke penger på utvikler.
Nettsiden din ligner kanskje de fleste andre – da finnes det faste steder du bør starte med optimalisering. Her får du dem.
Plugins gir masse ekstra funksjoner og et flott nettsted. Men! Mange plugins er faktisk verstingene når det gjelder fart. Forklaringen er enkel: Jo flere plugins, jo flere filer laster nettsiden – noe som gjør den tregere. Det er også store kvalitetforskjeller, og dårlige plugins kan gi sikkerhetsproblemer.
Vær derfor kritisk. Installer kun de som er essensielle for forretningen, og la «smarte» funksjoner vente.
En av de viktigste grepene er å komprimere bildene. Her må du alltid tenke både beskjæring (lengde/bredde) og komprimering (KB/MB).
Beskjæring
Hvor skal bildet brukes? Bruker du det i en stor slider, bør det også være stort. Usikker på størrelsen? Prøv dette:
Nå ser du hvor stort bildet egentlig er og hvor stort det vises.
Nå har du eksakte mål du kan beskjære til.
Komprimering
Mange mener det ikke går an å komprimere bilder uten tap av kvalitet. Men du kan bruke «lossy» eller «lossless» komprimering og få mindre filer men like god visuell kvalitet. Da reduseres antall farger og bytes. Forskjellen er knapt synlig, men effekten er stor!
Bruker du WordPress, anbefaler jeg pluginet: Smush Image Compression and Optimization. Da blir bilder komprimert automatisk ved opplasting. Hvis du ikke har WordPress, bruk TinyPNG.com før du laster opp.
For hver fil nettsiden din laster, gjør nettleseren en forespørsel til serveren. Dette gir små forsinkelser og gjør siden tregere.
Eksempel
Du har drevet nettbutikk i fem år og fått mange råd. Plugins for MailChimp, SleekNote, Pixels, Analytics, Hotjar, CrazyEgg, Facebook Messenger, LinkedIn Conversion Tracking… I tillegg bruker du flere fonter til tekst, overskrifter og kursiv, og peker til 17 ulike JavaScript-filer for tøffe effekter. Flott – men rask? Neppe.
Det er mange gode argumenter for alt dette. Men til slutt går det ut over hastigheten.
Revurder og prioriter
Trenger du virkelig alle skrifttypene? Bruker du egentlig LinkedIn Conversion Tracker? Slett det du ikke bruker aktivt og som ikke gir effekt.
Kombiner CSS og JavaScript-filer
I stedet for å henvise til fem forskjellige JavaScript-filer – samle dem i én fil. Enten spør du utvikler, eller bruker et plugin. For WordPress anbefaler jeg Autoptimize.
Kanskje har du hørt om cache, men aldri forstått det? Kort fortalt er cache et lager: Data fra sider du har besøkt lagres lokalt. Etter første besøk på wemarket.dk/no vil nettleseren lagre JavaScript, CSS og HTML. Neste gang lastes alt mye raskere fra cache!
Mangler du cache, finnes gode plugins til de fleste CMS.
Få vet det, men PHP-versjonen har stor betydning for farten. Dette settes hos webhotellet – ikke fra selve nettsiden. (For eksempel Unoeuro, One.com, SurfTown.)
Tilgjengelige versjoner er ofte fra PHP 5.0 til 7.4.
Jeg anbefaler å bruke siste tilgjengelige versjon. Men vær obs på at dette kan påvirke hvordan siden vises. Kontakt en utvikler om du er usikker, og be om hjelp til både PHP og øvrig optimalisering!
Andre relevante artikler:
Google lanserer bedre muligheter for splitt-testing
Hvorfor velger Google å bytte til Mobile First-indeks?
WeMarket har bred erfaring med design av nye nettsteder – les mer her.
Hos WeMarket tilbyr vi bedrifter en benchmark-rapport som sammenligner deres markedsføringsinnsats med de viktigste konkurrentene. Du bestemmer selv hvem vi skal sammenligne med.
Vi har spesialisert oss på å selge fysiske varer på nett og skape vekst for nettbutikker – og det kan du nå få glede av, selv om du ikke er kunde fra før.
Det koster ingenting.
