12 praktiske måter å forbedre sidehastigheten på

Å ha høy sidehastighet er definitivt avgjørende for å forbedre nettstedets søkemotorrangering, konverteringsfrekvenser og generelle brukeropplevelser.

Hvis nettstedet ditt ikke kjører på topp, kan denne tregheten koste deg mye i lavere rangering og mindre organisk trafikk. Sidehastighet har stor effekt på nettstedets brukeratferd og konverteringer.

Generelt vil brukere vente bare tre sekunder før de forlater skipet. Rundt 44 % av internettbrukerne rapporterer også at de blir engstelige for transaksjonen når siden laster langsommere.

Når du blar gjennom ulike produkter på nettstedet ditt, blir det veldig frustrerende når brukere må vente ytterligere 10 sekunder for å navigere rundt. Selv en to-sekunders forsinkelse i lastetiden kan føre til en avbruddsrate på 87 % på transaksjoner. Bare ett sekund med forsinkelse kan også føre til 7 % tap i kundekonverteringer. Dette kan påvirke inntektene dine negativt, spesielt når de irriterte besøkende henvender seg til dine nærmeste konkurrenter.

«To tredjedeler (67 %) av de britiske kjøperne og mer enn halvparten (51 %) av de i USA sa at treghet på nettstedet er hovedårsaken til at de forlater et kjøp.»

La oss forestille oss at nettstedet ditt har én million besøkende per måned, en gjennomsnittlig produktpris på $10 og en fluktfrekvens på 50 %, en produktsidelast på seks sekunder vil føre til et konverteringstap på 42 %! Dette tilsvarer at 250 000 brukere forlater nettstedet ditt og ikke foretar et kjøp på grunn av de trege lastetidene. På månedlig basis vil dette koste deg 2,1 millioner dollar i tapte inntekter. En casestudie viser også at lav sidehastighet koster forhandlere 1,73 milliarder pund i tapt salg hvert år.

Nå er det klart at lavere nettsidehastighet kan være skadelig for bunnlinjen, men det kan også skade søkemotorrangeringene dine. Google elsker nettsider som gir gode brukeropplevelser og sjekker ofte etter dette via pogo sticking og dwell time. Hvor lang tid brukerne holder seg til nettstedet ditt før de går tilbake til søkemotorresultatene, brukes til å vise hvor informativ og nyttig nettstedet ditt er. Selv om gjennomsnittlig nettsidevarighet, antall returnerende besøkende kontra unike besøkende, utgangsfrekvenser og fluktfrekvenser ikke er søkerangeringsfaktorer, spiller de en viktig rolle i brukeropplevelsen, som er den ultimate søkerangeringsfaktoren for Google.

Som vi allerede har diskutert, påvirker lav sidehastighet negativt brukerens opplevelser og resulterer i fallende søkemotorrangeringer som ikke vil få deg lagt merke til. Derfor er det avgjørende at du øker hastigheten på nettstedet ditt for å stoppe uønsket tap på alt hardt arbeid. Jeg anbefaler at du sjekker nettstedets hastighet gjennom Google PageSpeed-verktøyet. Hvis du ikke er på 100, ikke bekymre deg, for selv Google.com har ikke 100/100. Her er sidehastighetene for verdens 10 beste nettsteder:

1. Google- 92/100 (stasjonær datamaskin) og 78/100 (mobil)
2. Facebook- 89/100 (stasjonær datamaskin) og 71/100 (mobil)
3. YouTube- 74/100 (stasjonær datamaskin) og 75/100 (mobil)
4. Baidu- 98/100 (stasjonær datamaskin) og 100/100 (mobil)
5. Yahoo- 81/100 (stasjonær datamaskin) og 66/100 (mobil)
6. Wikipedia- 85/100 (stasjonær datamaskin) og 66/100 (mobil)
7. Amazon- 87/100 (stasjonær datamaskin) og 46/100 (mobil)
8. Twitter- 81/100 (stasjonær datamaskin) og 45/100 (mobil)
9. Taobao- 80/100 (stasjonær datamaskin) og 59/100 (mobil)
10. QQ- 58/100 (stasjonær datamaskin) og 41/100 (mobil)

Google anbefaler at nettsteder streber etter en ideell sidehastighet på 85 eller høyere for både desktop- og mobilenhetsversjoner. Sørg for at du har et nettsted som er kompatibelt med alle mobile enheter fordi Google lanserer en mobilvennlig oppdatering 21. april. Unngå vanlige feil for SEO for mobil for å sikre at nettstedet ditt ikke blir skadet med denne oppdateringen.

Det er overraskende å merke seg at bare 14 % av de 100 beste nettstedene åpnes på mindre enn tre sekunder, og at nesten en tiendedel tok 10 sekunder eller lenger å fungere ordentlig. Imidlertid vil dette sannsynligvis ikke være bra for virksomheten din. Så fokuser på å bygge et lynrask nettsted som vil være praktisk for brukerne og mer lønnsomt i lommeboken. Nedenfor er mine 12 beste tips for hvordan du enkelt kan begynne å øke hastigheten på siden din.

1 Optimaliser bildene dine

Først og fremst må du optimalisere alle bildene som presenteres på nettsiden din for å ha noen sjanse til å øke hastigheten på nettstedet ditt. Fjern de ekstra kommentarene, unødvendig plass og ubrukelige farger fra kilden til bildene dine. Lagre bildene dine i JPEG-format fordi det bruker minst kapasitet samtidig som det opprettholder perfekt bildekvalitet. I Photoshop kan du bruke CTRL+SHIFT+ALT+S for automatisk å optimalisere og lagre bilder i minst mulig størrelse.

For WordPress-nettstedet ditt anbefaler jeg å bruke smush.it- plugin-modulen for å optimalisere nettsidens bilder automatisk og få en hastighetsøkning. Hvis du har noen bilder som er lagret i PNG-format, kan du også bruke tinypng for å optimalisere bildet og forbedre bildekvaliteten også.

2 Aktiver GZip-komprimering

GZip-komprimering kan høres komplisert ut, men det er ganske enkelt et stort begrep som brukes for å redusere størrelsen på HTTP-svaret for å forbedre responstiden. Siden dette gjør at nettstedet ditt kan sende en GZip-fil i stedet for en HTML-fil til nettleseren, vil du redusere sideventetiden og lastetiden. For Apache-serveren kan du aktivere den ved å legge til følgende kode i .htaccess-filen din:

mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

Sørg imidlertid for at du sjekker arbeidet ditt med GZip-komprimeringskontrollen. Hvis koden ikke aktiverer komprimeringen, fjern den gamle og bruk koden nedenfor:

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

Eller bruk følgende PHP-kode øverst i HTML/PHP-filen:

3 Utnytt nettlesingsbufferen

En nettleserbuffer brukes til å lagre visse filer fra et nettsted i nettleseren, men å ha en tilstoppet nettleserbuffer kan redusere lastetiden betraktelig. Heldigvis kan du utnytte nettlesingsbufferen ved å aktivere utløpshodene i .htaccess-filen. Bruk følgende kode for å aktivere denne funksjonen:

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

## EXPIRES CACHING ##

Bruk av expires header har et problem som du bør passe på. Når du har angitt en utløpsperiode på en måned for en fil, vil eventuelle endringer i den filen ikke gjenspeile for en bruker som allerede har besøkt siden den siste måneden. Å angi en utløpsperiode for ett år er vanligvis vanlig fordi det er mindre sannsynlighet for endringer i løpet av den tiden. Du kan bruke enten den sist endrede overskriften eller en etag-overskrift for ressurser som kan bufres.

4 Aktiver Keep-Alive

Keep-Alive-overskriften er viktig for å redusere ventetiden for påfølgende forespørsler mellom nettleseren og serveren. Når du trykker på enter-knappen for å åpne et nettsted, ber nettlesere om at serveren sender html-filen til den aktuelle nettsiden. Deretter leser nettleseren. Hvis det er et Java-skript eller CSS, ber det igjen serveren sender respektive filer. Som du kan forestille deg, øker denne kommunikasjonen din sidelastetid.

Bruk en Keep-Alive-overskrift for å holde tilkoblingen på når de fullstendige filene er overført til nettleseren for visning. Nedenfor er koden som brukes i .htaccess-filen for å aktivere den.

 Header set Connection keep-alive 

5 Bruk CDN

Content Delivery Network (CDN) er en samling av nettservere fordelt på flere steder med det formål å levere forespurt innhold mer effektivt til besøkende. Du kan bruke Amazons skyfront eller MaxCDN for å aktivere CDN på nettstedet ditt.

6 Reduser CSS

Å forminske Cascading Style Sheets (CSS) betyr ganske enkelt å gjøre CSS-en mindre i størrelse ved å fjerne ekstra mellomrom. Se opp for eventuelle unødvendige koder som også reduserer hastighetstiden din. Reduser CSS-en din og bruk den nye koden for å laste inn nettstedet ditt mye raskere. Uansett om du bruker CSS innebygd, kombinert eller med eksterne filer, vil mindre alltid være bedre.

7 Reduser HTML og Javascript

På samme måte bør du forminske HTML og Javascript for å få sidene dine til å laste betydelig raskere. Dette vil også gi en bedre brukeropplevelse.

8 Unngå omdirigeringer

Omdirigering er en overveldende følelse av irritasjon for besøkende på nettstedet. Det ligner på å gå til en venns hus og deretter finne ut at vennen din har flyttet til et annet hus tre kvartaler unna. Å bli omdirigert til andre nettsider bruker ekstra tid, reduserer lastehastigheten og får brukerne til å stønne av frustrasjon. Så jeg anbefaler alltid at du unngår omdirigeringer på hvilken som helst side på nettstedet ditt med mindre du ikke har et annet valg.

9 Spesifiser et tegnsett

Å spesifisere tegnsettet for et nettsted er en annen flott teknikk for å øke hastigheten på nettleserens gjengivelse for lynrask sideinnlasting. Det er også enkelt å oppnå ved å bruke følgende kode i overskriften:

Mange CMS bruker også et PHP-skript for å legge til tegnsettet i overskriften. Hvis du er komfortabel med å gjøre det, kan du også bruke koden i stedet for et skript. Uansett vil du gjøre gode fremskritt med å redusere forespørselen om ringefunksjon.

10 Reduser serverens responstid

Serverresponstid er begrepet som brukes for å beskrive hvor lang tid det går mellom nettleserforespørselen til serveren og den siste sideinnlastingen. Serverens responstid vil avhenge av antall forespørsler fra nettleserne og serverkonfigurasjonene dine. Sørg for at serverens responstid holdes kort for de beste resultatene.

11 Unngå dårlige forespørsler

Tenk deg å gå på en restaurant og spørre etter favorittmåltidet ditt, men servitrisen forteller deg at kjøkkenet er tom for en essensiell ingrediens. Det er hvor frustrerende det er for besøkende på nettstedet å motta en 404- eller 410-feil i stedet for deres ettertraktede destinasjon. Disse dårlige forespørslene kan ha en ekstremt dårlig effekt på sidehastigheten. Derfor anbefales det at du prøver å unngå dem på sidene dine for enhver pris. Sjekk min kobling kan hjelpe deg med å finne ødelagte 404-koblinger og eliminere dem raskt for å forbedre brukeropplevelsen.

12 Grøftesporingskoder, videoinnbygging og deleknapper

Mange nettredaktører tror at bruk av flere sporingskoder for å gi innebygging og delingsknapper vil gi en bedre brukeropplevelse. I virkeligheten leker de så mye med nettsidene deres at det er for mange forespørsler til serveren. For eksempel kaller en iframe en helt ny side for visning på den eksisterende siden, noe som automatisk reduserer nettstedhastigheten. Å droppe disse sporingskodene, videoinnbygging og deleknappene vil definitivt forbedre nettstedets sidehastighet og øke gleden til de besøkende.

Konklusjon

Totalt sett er det viktig at du ikke lar sidens lastetid gli bare for å imøtekomme et mer estetisk tiltalende design eller en smart ny funksjon. Besøkende på nettstedet bryr seg vanligvis mer om sidehastighet enn alle disse overflødige klokkene og plystrene. Å ha et nettsted med sakte lasting er en sikker måte å drepe bunnlinjen og søkemotorrangeringene dine på. Faktisk forventer 47 % av forbrukerne at nettsider skal lastes innen to sekunder eller mindre!

Så ikke få nettstedets brukere til å vente på å lese det episke innholdet ditt. Sørg for at du bruker disse 12 enkle tipsene for å lage et nettsted som enkelt åpnes for hver besøkende. Alle disse strategiske taktikkene har vist seg å øke sidelastetidene samt Google-rangeringer og generelle brukeropplevelser når de brukes riktig.

Jeg håper du likte å lese denne veiledningen. Hvis du har flere spørsmål, spør gjerne nedenfor i kommentarfeltet. Ikke glem å spre ordet med vennene dine på sosiale medier-siden din også!