Er ditt nettsted rask nok?

Når det kommer til ytelsen til et nettsted ytelse, er hastigheten viktig . Hvis nettstedet ditt ikke lastes så fort som mulig, kan du miste mye mer enn bare inntekter. Ifølge en undersøkelse utført av Aberdeen-konsernet , fører en sakte lasting nettsted til:

  • En nedgang i sidevisninger og kundetilfredshet
  • Lavere konverteringsfrekvenser
  • Negativ innvirkning på Google rangeringen

 

Alt dette fører til tap av inntekter eller at ditt budskap ikke når ønsket målgruppe. Den gode nyheten er imidlertid at alt det kan unngås. I denne artikkelen vil vi vise deg hvordan du forbedrer ytelsen til ditt nettsted. Slik at du kan holde de besøkende tilbake på websiden din og øke sannsynligheten for å holde fortjenesten høy.

Seks måter å forbedre ditt nettsted sin ytelse

De vanligste rådene på Internett når det gjelder å forbedre ytelsen på et nettsted er å bruke en caching-plugin. Det er imidlertid noen andre måter å forbedre ytelsen til nettstedet ditt også.

1. Optimaliser bildene

Det første tipset på listen er å starte med bildene dine og optimalisere dem. Det er flere måter du kan optimalisere bildene dine for å redusere størrelsen deres og sørge for at de ikke er hoved skyldige for at ditt nettsted lastes sakte.

  • Komprimer bildefiler – uansett hvilket format bildene dine er lagret i, bruk et verktøy som TinyPNG eller ShortPixel Image Optimizer for å redusere filstørrelsen på JPEG, PNG og GIF-bilder.
  • Bruk de riktige dimensjonene – et annet tips å huske på er å lagre bilder i dimensjonene som brukes på ditt nettsted, i stedet for å stole på HTML og CSS for å endre størrelsen på dem. Dette kan bidra til å redusere den totale bildestørrelsen og bidra til å forbedre sidetilpasningstider
  • Vurder SVG-ikoner – i stedet for å stole på PNG-ikoner, vurder å erstatte dem med SVG-ikoner. Bortsett fra å ha en mindre størrelse, og SVG-ikonet vil se bra ut uansett størrelsen på skjermen den vises, noe som betyr at du ikke trenger flere ikonstørrelser for ulike oppløsninger.
  • Lagre bilder i riktig format – endelig, sørg for at du lagrer bildene i riktig format. Hvis du trenger et bilde som viser en fotografisk scene, anbefales et landskap eller et portrett, JPEG-format, da det har en tendens til å resultere i en mindre filstørrelse. Hvis du er nødt til å bevare gjennomsiktigheten, er du klar til å lagre bildet i PNG-format.

2. Minimer HTTP-forespørsler

For alle bilder, CSS og JavaScript-filer på nettstedet ditt, må en besøkers nettleser lage en HTTP- eller HTTPS-forespørsel på nettstedets server. Flere forespørsler som dette legger til lastetiden på nettstedet ditt. Her er noen tips som hjelper deg med å minimere antall HTTP-forespørsler:

  • Kombiner flere CSS- og JavaScript-filer – opprett en hovedfil for alle CSS-filene og en for alle JavaScript-filene. Kopier hver enkelt CSS og JavaScript-fil i deres respektive hovedfiler på din nettside.
  • Bruk CSS i stedet for bilder når det er mulig – i stedet for å bruke bilder for horisontale linjer, dividere eller bakgrunner, prøv å bruke CSS. Dette vil forbedre ytelsen til nettstedet ditt fordi besøkende ikke må vente på bildene som skal lastes inn.

3. Minimer stilark og JavaScript-filer

Minify

Det er ikke uvanlig at CSS og JavaScript-filer inneholder sideskift, hvite mellomrom og linjeskift som gjør koden enklere å lese. Men ulempen er at slik formatering øker størrelsen på disse filene, noe som igjen påvirker nettstedets ytelse som nettleseren må lese og analysere en større fil. Et verktøy som Minify kan fjerne de hvite mellomrom og linjeskift, noe som gjør CSS og JavaScript-filer betydelig mindre.

4. Aktiver Gzip-komprimering

En annen måte å forbedre ytelsen til nettstedet ditt er å aktivere Gzip-komprimering på serveren din. Dette vil komprimere HTML- og CSS-filer som brukes på nettstedet ditt før de blir sendt til nettleseren.
Vanligvis vil en nettleser sjekke om Gzip-komprimering er aktivert, og hvis den er, vil den besøkende nettleser laste ned Gzip-filen i stedet for å be om og laste ned originale HTML- og CSS-filer.Hvis du kjører en Apache-server og er kodekunnig, kan du aktivere Gzip-komprimeringen ved å endre .htaccess-filen og legge til følgende kode som er gitt av GTMetrix :

 

# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

 

Når du har lagt til dette i .htaccess-filen, kan du sjekke om Gzip-komprimering fungerer som den skal, ved å gå til Kontroller GZIP-komprimeringssted .
Alternativt kan du bruke et caching-plugin som W3 Total Cache eller WP SuperCache hvis du ikke føler deg komfortabel med å redigere .htaccess-filen manuelt.

5. Bruk en CDN

CDN står for Content Delivery Network og refererer til et distribuert datanettverk som leverer statiske filer som HTML, CSS og JavaScript, samt bilder og videofiler til besøkende basert på deres geografiske plassering. I hovedsak, når du bruker en CDN, lastes filer som er nevnt ovenfor, fra en server som er nærmest den besøkende som surfer på nettstedet ditt.
Vi bruker Cloudflare på våre egne og kunders nettsted og klarer oss med gratisversjonen.

6. Oppgrader din Hosting Plan

Hvis ditt nettsted ditt har vokst i størrelse og du mottar et høyt volum av trafikk og besøkende, er det på tide å vurdere å oppgradere din webhotell . Bytte til en VPS eller administrert hosting plan betyr at kostnaden din vil gå opp, men det gir deg også mulighet til å få mer kontroll over server ressursene i tilfelle VPS hosting eller tilgang til optimalisert server konfigurasjon, samt ta vedlikehold av nettstedet fra platen din i tilfelle av administrert hosting.

7. Test endringene

Når du har implementert endringene, bør du teste nettstedet ditt for å se forbedringen i hastigheten på nettsted ditt. Du kan bruke et verktøy som Pingdom Tools som vil vise deg hvilke ressurser som forårsaker at nettstedet ditt skal lastes sakte, så vel som du kan teste nettstedet ditt fra forskjellige steder.

Pingdom Tools

Du kan også bruke et verktøy som Google PageSpeed ​​Insights . Dette verktøyet vil vise deg ressursene som senker nettstedet ditt og lar deg laste ned optimaliserte ressurser som inkluderer bilder, JavaScript og CSS-filer.

Om du er usikker på ytelsen på ditt nettsted og om det er mulig å få den bedre så må du gjerne kontakte oss så hjelper vi, gratis og uforpliktene så klart.