Slik hastighetsoptimaliserer du din WordPress side på under 30 minutter
Få kontroll over lastehastigheten din og få en lavere avvisningsfrekvens
Hvis nettstedet sin lastetid går fra 1 til 3 sekunder, øker avvisningsfrekvensen med 33% – hvis det tar 5 sekunder eller mer å laste siden din, øker avvisningsfrekvensen til så mye som 90%! Kilde: Neil Patel
Derfor er det SUPER viktig for deg at du har et raskt nettsted, siden raskere nettsteder har høyere konverteringsfrekvens. Faktisk er lastehatigheten på nettstedet ditt viktigere enn du tror!
Vi kan nok også være enige om at det ikke er noe verre enn et tregt nettsted. Du har garantert prøvd det selv. Du venter…. Og venter … Til slutt velger de aller fleste bare å stenge siden og finne et annet raskere nettsted. Dette burde ikke være tilfelle med nettstedet ditt!
Med hastighetsoptimalisering kan du helt unngå dette, og dermed få brukere fra konkurrentene dine og konvertere dem til kunder. Les videre her og lær de beste triksene!
I denne artikkelen vil vi prøve å veilede deg gjennom en rask og enkel hastighetsoptimalisering av WordPress-siden din, samt gi deg gode råd underveis.
Lazyload, WP Rocket og Smush
Det er ingen hemmelighet at vi ikke er de største fan av plugins, MEN det er faktisk noen som kan hjelpe deg med optimaliseringen. Vi vil komme nærmere inn på hvilke de er her.
Lazyload er fordelaktig ettersom den først laster inn bilder og iFrames ettersom brukeren ser på dem. Det resulterer i færre http-forespørsler, og samtidig blir lastetiden betydelig raskere. Så sørg for å slå på Lazyload så snart som mulig. Du kan bl.a. gjør det gjennom WP Rocket and Smush.
Smush gjør at alle bildene dine tar mindre plass. Hvis du ikke vil gå inn og optimalisere alle bildene dine individuelt, kan du slå på Smush i ettertid. Det endrer IKKE bildekvaliteten din, men det er et bidragende element til at lastetiden din blir raskere.
Kolibri
Hvis du ikke vil bruke Auto-optimize, kan du bruke det som kalles Hummingbird PRO. Her kan du gå inn og administrere og samle inn CSS-filer, eller andre filer du vil samle på.
Vær imidlertid forsiktig når du bruker Hummingbird. Hvis du ikke helt vet hva du gjør, risikerer du å krasje på nettstedet ditt. Derfor er det viktig at du tar en sikkerhetskopi av nettstedet ditt – og sjekker at det fungerer 100% etterpå.
Det ville være synd å sitte igjen med et lynrask nettsted som ikke fungerer som det skal.
Sist men ikke minst
Vi har lagt til et manus nederst i denne bloggen. Du kan sette dette direkte i Htaccess-filen, som du finner på serveren din. Hvis du ikke vet hvordan du gjør det selv, kan du spørre personen som er ansvarlig for denne delen av nettsiden din.
Det er et stykke kode som gjør at nettstedet ditt går raskere. Dette gjøres ved å forbedre Expires headers og din cash. Det er enkelt å sette inn – og det kan ofte bety en enorm forbedring av nettstedet ditt.
Vi håper ovenstående har gjort deg smartere og at du er klar til å komme i gang med å optimalisere hastigheten på nettstedet ditt. Det har STOR innvirkning på avvisningsfrekvensen din, som deretter har STOR innvirkning på konverteringsfrekvensen din. Så det er bare å komme i gang!
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac|eot|ttf|otf|woff|svg)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault "access plus 30 seconds"
ExpiresByType text/html "access plus 15 days"
ExpiresByType image/gif "access plus 1 months"
ExpiresByType image/jpg "access plus 1 months"
ExpiresByType image/jpeg "access plus 1 months"
ExpiresByType image/png "access plus 1 months"
ExpiresByType text/js "access plus 1 months"
ExpiresByType text/javascript "access plus 1 months"
</IfModule>
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac|eot|ttf|otf|woff|svg)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>
FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch "\.(jpg|gif|png|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 year"
</filesmatch>
</ifmodule>
<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
</IfModule>
</IfModule>
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE "application/atom+xml" \
"application/javascript" \
"application/json" \
"application/ld+json" \
"application/manifest+json" \
"application/rdf+xml" \
"application/rss+xml" \
"application/schema+json" \
"application/vnd.geo+json" \
"application/vnd.ms-fontobject" \
"application/x-font-ttf" \
"application/x-font-opentype" \
"application/x-font-truetype" \
"application/x-javascript" \
"application/x-web-app-manifest+json" \
"application/xhtml+xml" \
"application/xml" \
"font/eot" \
"font/opentype" \
"font/otf" \
"image/bmp" \
"image/svg+xml" \
"image/vnd.microsoft.icon" \
"image/x-icon" \
"text/cache-manifest" \
"text/css" \
"text/html" \
"text/javascript" \
"text/plain" \
"text/vcard" \
"text/vnd.rim.location.xloc" \
"text/vtt" \
"text/x-component" \
"text/x-cross-domain-policy" \
"text/xml"
</IfModule>
<IfModule mod_mime.c>
AddEncoding gzip svgz
</IfModule>
</IfModule>
Få en gratis SpeedTest & SEO gjennomgang av din hjemmeside fra ditt SEO-byrå? Kontakt oss allerede i dag!