At en hjemmeside loader hurtigt har altid været vigtigt for brugere. Når man skal besøge hjemmesiden gider man ikke sidde og vente i flere sekunder hver gang man klikker rundt på siden – så loader siden for langsomt, så forsvinder brugeren hurtigt tilbage til Googles søgeresultat og klikker ind på en anden hjemmeside. Dette signal er Google begyndt at ranke på, da det er en dårlig oplevelse for brugeren, hvis hjemmesiden er langsom. Derfor er siden hastighed ikke kun vigtig for den besøgende, men også for Google. Og man kan tydeligt se det i søgeresultaterne – De langsomme hjemmesider bliver smidt længere ned i resultatet.
I denne artikel vil jeg, i overordnede og simple træk, forklare hvordan du gør din hjemmeside hurtigere. Guiden henvender sig hovedsageligt til WordPress-brugere på begynder-niveau, men principperne er de samme uanset hvilket CMS du benytter.
Jeg vil komme ind på følgende emner:
- Værktøjer til måling af hastighed
- Vælg den rigtige hosting udbyder
- Caching af hjemmesiden
- Optimering af billeder
- Opsummering
Værktøjer til måling af hastighed
Inden du går i gang med at hastighedsoptimere din hjemmeside, er det vigtigt at finde ud af hvordan den performer, så du undervejs kan se om de ting du ændre, rent faktisk virker. Til dette findes der en række gratis værktøjer som du kan bruge. Jeg vil nævne 3 af de mest benyttede på markedet.
Med disse værktøjer kan du se hvor hurtigt siden loader i sekunder, hvor mange database-kald siden laver, hvor meget siden fylder og til sidst bliver din hjemmeside tildelt en score. Vigtigt at vide er det at værktøjerne måler på hver sin måde, så du kan ikke sammenligne resultatet mellem de forskellige værktøjer, det kan kun sammenlignes med et resultat fra samme værktøj.
Vælg den rigtige hosting udbyder
Nu burde du have værktøjerne på plads, så du kan måle om dine ændringer giver et positivt resultat. Men inden vi går i gang med at ændre noget på hjemmesiden, er det vigtigt at have det helt fundamentale på plads – din webhosting. Man kan optimere alt det man vil, men serveren er langsom eller er den placeret i på den anden side af jorden, så kan det være lige meget.
Når en bruger skriver din webadresse i internetbrowseren, bliver der lavet en forespørgsel til din webhost, og derefter sender serveren data retur. Jo større afstand der er mellem bruger og server, jo længere tid tager det før hjemmesiden er loadet færdig i internetbrowseren. Dette skyldes bl.a at dataene skal igennem en masse servere inden den når fra din webhost til den besøgendes computer. Derfor er det vigtigt at du vælger en hosting udbyder, som har sit datacenter placeret i samme land – eller måske et af nabolandende.
Men det er ikke kun serverens geografiske lokation som er vigtig – serveren skal også være hurtig og stabil. Dette er nok det sværeste punkt, da alle udbydere lover guld og grønne skove. Her bliver man nød til at følge råd fra andre hjemmeside-ejere, følge med på relevante fora, læse anmeldelser osv.
Driver du en dansk hjemmeside, så anbefaler jeg altid UnoEuro. De er billige, hurtige og stabile – og deres datacenter er placeret i DK.
Caching af hjemmesiden
Nu går vi til det lidt mere tekniske. Når man benytter et CMS som WordPress, så hentes alle de forskellige data i en fælles database. Det vil sige at når en bruger besøger din hjemmeside, så skal browseren hente de forskellige data fra forskellige steder i databasen – dette tager tid. Det vi her skal gøre er at samle alle disse data i én statisk fil, så browseren kun skal hente denne ene fil. Dette gøres ved hjælp at en Cache-plugin.
Til WordPress findes der mange forskellige Cache-plugins, men kun en håndfuld gør arbejdet godt. Jeg vil herunder nævne tre forskellige plugins, som alle klare opgaven godt:
WP-Rocket:
Dette er nok det nemmeste plugin at sætte op, men desværre er det ikke gratis som de andre to. Prisen er $39 for en enkelt hjemmeside.
WP Super Cache:
WP Super Cache er gratis og er forholdsvist nemt at sætte op. Pluginet har dog nogen lidt mere avancerede muligheder. Men med standard-opsætningen skære man en pæn del af tiden.
W3 Total Cache:
W3 Total Cache er det plugin jeg oftest benytter. For en nybegynder er det måske ikke det bedste, da pluginet har en masse avancerede muligheder, som gør at man hive lidt ekstra ud af det.
Optimering af billeder
Beskæring af billeder:
Når man tager billeder med sit kamera, så vil man gerne have at opløsningen og kvaliteten er så høj som muligt. Men når man skal bruge billederne til hjemmesider, så er den høje opløsning et stort problem. Billeder med høj opløsning fylder datamæssigt meget, og jo mere data en hjemmeside fylder, jo længere tid tager det for browseren at hente siden.
Derfor er det en god idé at beskære sine billeder INDEN man indsætter dem på hjemmesiden. På computerskærme, er indholdet på en hjemmeside typisk 1200 pixels bredt, som det bredeste. Derudover benytter mange hjemmesider af en sidebar, som også tager plads. Derfor er det sjældent nødvendigt med billedstørrelser større end 800 pixels i bredden.
Komprimering af billeder:
Nu er billederne beskåret i den optimale størrelse, men man kan stadig komprimere billederne lidt, så de datamæssigt fylder mindre, men uden det går udover kvaliteten. Til dette formål findes der flere løsninger/plugins. Den løsning jeg vil anbefale er et plugin som hedder WP Smush.
WP Smush er et af de mest benytte plugins til skallering og komprimering af billeder i WordPress. Det er GRATIS og supernemt at benytte – ja faktisk er det helt automatiseret, så det selv optimere billederne i det øjeblik de bliver uploadet og indsat på din hjemmeside. Nemmere bliver det ikke.
Opsummering
Jeg vil som sagt ikke gøre denne guide alt for teknisk, da man hurtigt kan gøre hjemmesiden langsommere eller direkte ødelægge hjemmesiden, hvis man gør noget forkert når man roder med koder og den slags. Men følger du denne guide, så burde du være sikker og din hjemmeside vil helt sikkert blive hurtigere.
Ønsker du at købe dig til hjælp, kan du kontakte mig via hjemmesiden KJMedia.