1. Introduksjon – Hvordan forbedre mobilsidehastigheten
Vil du forbedre mobilsidehastigheten? Ved utgangen av 2019 utgjorde mobile enheter rundt 52,6 % av all global nettstedtrafikk. Det er derfor ikke overraskende at mobilsidehastighet er en av Googles rangeringsfaktorer for SEO.
I juli 2019 kunngjorde Google sitt mobil-første indekseringsinitiativ . Med over halvparten av verdens befolkning som bruker mobil for å få tilgang til internett, måtte ting endres.
Ifølge Google tar det i gjennomsnitt 15 sekunder før et mobilnettsted lastes inn . Er du overrasket over det tallet? Det var jeg definitivt. Jeg forventet at mobilnettsteder skulle lastes mye raskere, så det er ingen overraskelse at folk lurer på hvordan de kan forbedre hastigheten på mobilnettstedet.
Ettersom sideinnlastingstiden går fra ett sekund til 10 sekunder, øker sannsynligheten for at en besøkende på mobilnettstedet hopper med 123 %
Think with Google, 2017 kvitring
Hvis du er seriøs med nettstedet ditt eller virksomheten din, må du sørge for å forbedre mobilsidehastigheten. Her er 10 måter å forbedre mobilsidehastigheten i 2022.
2. Finn en rask webvert for å forbedre mobilsidehastigheten
Webhotell er kjernen på hvert nettsted. Uten det, ville du ikke ha en måte å vise nettstedet ditt på nettet. Bortsett fra det, hvis nettverten din er treg og upålitelig, vil alle dine anstrengelser for å forbedre hastigheten på mobilsiden din være fåfengt.
Å finne den beste webverten bør være din første prioritet for å forbedre mobilsidehastigheten. Det er mange faktorer å vurdere, så her er noen for å komme i gang:
Nettserverplassering: En god webvert bør ha flere datasenterplasseringer du kan velge mellom. Hvis flertallet av besøkende på nettstedet ditt er i USA, velg en amerikansk server, eller hvis de er i Storbritannia, velg den britiske eller europeiske serveren.
Spesifikk hosting: Hvis du bruker en spesifikk plattform som WordPress for nettstedet ditt, kan det være bedre å finne en vert som tilbyr mer nisjehosting. WordPress-hosting vil ikke bare tilby store fordeler for WordPress, men du vil sannsynligvis finne at serverne deres er optimalisert for WordPress.
Managed hosting: På baksiden av poenget mitt om WordPress-hosting, velger mange mennesker å velge administrert hosting, siden det ofte holder nettstedet ditt mer sikkert. For eksempel vil administrert WordPress administrere alle oppdateringene for WordPress-nettstedet ditt, slik at du ikke trenger å gjøre det manuelt. Vedlikehold av nettstedet er avgjørende for å sikre at nettstedet ditt forblir trygt, sikkert og rangerer godt på søkemotorer.
Ressurstilgjengelighet: Når du først registrerer deg for en webvert, kan det hende du føler at en av vertsplanene deres passer for din nåværende situasjon. Men hva hvis situasjonen endrer seg? Hva skjer hvis nettstedet ditt begynner å få mer trafikk enn du forventet? Mange webverter vil sette et tak på hvor mange månedlige besøkende på nettstedet du kan ha, eller hvor mye lagringsplass og båndbredde du kan bruke. Derfor er det viktig å finne en vertsplan som er skalerbar og kan vokse med nettstedets økende behov.
3. Caching
Caching er en prosess der innholdet på et nettsted lagres slik at en bruker kan se det på et senere tidspunkt. Du har kanskje lagt merke til at et nettsteds lastetid er betydelig kortere andre gang du besøker det.
Når du besøker et nettsted for første gang, må enheten din laste inn alt tilgjengelig innhold for at du skal se nettstedet på riktig måte. Men etter at du har besøkt for første gang, kan enheten din bufre innholdet, noe som gjør fremtidige lastetider mye raskere.
Ved å lage statiske kopier av innhold, er servere i stand til å jobbe mye raskere og derfor levere innhold på en raskere tid. Det er forskjellige måter du kan aktivere hurtigbufring på.
Serverbufring: Serverbufring er noe som kan gjøres av webverten din. Hvis du har valgt en anstendig webvert, bør de allerede ha et bufringsverktøy innebygd i vertsplanen din. Gå over til vertskontrollpanelet for å finne ut mer om serverens caching. Hvis du ikke vet hvor du finner dette, kontakt webverten din.
Objektbufring: Objektbufring, nettstedbufring og databasebufring kan alle gjøres separat til serverbufring. Faktisk, hvis du bruker WordPress, kan du laste ned en caching-plugin som WP Fastest Cache som lar deg aktivere eller deaktivere spesifikke caching-alternativer.
4. Optimaliser bilder
Bilder er en av de viktigste synderne for å redusere hastigheten til nettstedet ditt. Hvis du ikke optimaliserer bildene dine, kan det hende du oppdager at mesteparten av plassen som tas opp på nettserveren din, skyldes bilder.
Fra de tilgjengelige dataene vet vi allerede at mobilnettsteder tar lengre tid å laste enn datamaskiner. Derfor er det utrolig viktig å sørge for at bildene dine er redusert i størrelse for å tilby en bedre mobilopplevelse.
Heldigvis er det mange verktøy tilgjengelig, gratis, som kan redusere bildestørrelsen uten å miste bildekvaliteten. TinyJPG er gratis å bruke; du kan laste opp opptil 20 bilder om gangen, og deretter komprimere dem i løpet av få minutter.
Alternativt, hvis du bruker WordPress, kan du installere en plugin for å gjøre det skitne arbeidet for deg. Optimole forbedrer nettstedets lastehastighet ved å redusere bildestørrelsene automatisk for deg.
5. Reduser plugins og apper
Enten du bruker WordPress, en nettstedbygger som Wix eller bygger nettstedet ditt fra bunnen av, er det viktig at du ikke overbelaster nettstedet med plugins og apper.
Jo mer nettstedet ditt må lastes, jo lengre tid vil det ta. Det handler imidlertid ikke bare om hvor mange plugins eller apper du har, det handler også om deres kompatibilitet med hverandre, og de som ærlig talt ikke er veldig gode.
Hvis du har en dårlig kodet plugin eller app, kan koden alene forårsake problemer med nettstedets hastighet. Selv om det kan være fristende og spennende å installere mange funksjoner på nettstedet ditt, bør du tenke på om du virkelig trenger dem før du installerer.
6. Fontfiler
Fontfiler er sannsynligvis ikke noe mange mennesker vil vurdere eller til og med tenke på i forhold til mobilsidehastigheten deres. Forskning viser imidlertid at gjennomsnittlig skriftstørrelse på mobil har økt år for år .
For eksempel, i september 2016, var median byte for mobilfonter totalt 67,4 KB, mens dette i april 2020 steg til 107,5 KB. Selv om vi snakker kilobyte, legger alt dette opp.
Jeg vet at det kan være fristende å designe eller velge et nettstedsdesign som har mange fancy fonter, fordi de ser kule ut, men dette kommer ikke til å øke hastigheten på mobilsiden din. Prøv å velge færre fonter og hold deg til et mindre utvalg.
Du kan også undersøke hvilke skrifter som lastes raskere. Selv om det kan virke litt rart, KeyCDN utførte en casestudie i 2018 som analyserte nettstedets fontytelse. De fant ut at den raskeste innlastingen av Google-fonten var Open Sans, og oppnådde en lastetid på 0,476 sekunder.
7. Bruk den nyeste versjonen av PHP
PHP er et mye brukt åpen kildekode-skriptspråk. Det brukes ofte i webutvikling og kan finnes i serverfiler (selv om du faktisk ikke har kodet med PHP).
WordPress kjører på PHP, men avhengig av versjonen kan et WordPress-nettsted yte bedre eller dårligere. CloudWays satte opp en benchmark-test for å analysere hvilken forskjell PHP-versjonen kan ha på ytelsen til et nettsted. Ved å bruke en Linode-server med 2 kjerner, 4 GB RAM og en 48 GB SSD, kjørte de en test for PHP-versjoner 5.6, 7.0, 7.1, 7.2 og 7.3.
Resultatene er klart i favør av PHP versjon 7.3 som var i stand til å håndtere 10,31 forespørsler per sekund, med versjon 7.2 på en nær andreplass. Jo flere forespørsler nettstedet ditt kan håndtere, desto bedre vil det fungere på datamaskiner og mobiler.
8. Reduser HTML, CSS og JavaScript
Hvis du har brukt noen form for nettstedhastighet eller nettstedytelsesverktøy, som GTmetrix, vil du sannsynligvis ha sett begrepet “minify resources” eller “minify JavaScript”. Dette er i forhold til koden som nettstedet ditt bruker.
Kodeminifisering kan bidra til å redusere unødvendig kode, slik at filstørrelsene dine reduseres. Når en utvikler skriver kode, spesielt for folk som bruker et tema eller en mal, har de en tendens til å skrive det slik at det er lettere for det menneskelige øyet.
For eksempel vil de bruke mellomrom, kommentarer og andre formateringstiltak for å gjøre det enklere for andre å lese. Disse ekstra plassene og kommentarene tar imidlertid opp plass på nettstedets server og krever at du leverer mer innhold til besøkende på nettstedet ditt, noe som gjør nettstedet ditt tregere.
Du kan enkelt forminske kode ved å bruke et verktøy som Minifier. Alternativt, hvis du bruker WordPress for nettstedet ditt, kan du bruke WP Fastest Cache som vist på bildet ovenfor.
9. Opprydding av databasefiler
Et nettsteds filer er bygget opp i en stor filmappestruktur. Akkurat som din stasjonære datamaskin, er det flere mapper med filer i dem. Jeg er sikker på at du har mange filer på datamaskinen din som du faktisk ikke bruker, men som du sparer til en regnværsdag (eller du har rett og slett ikke peiling på hva de er).
Dette er veldig likt hvordan et nettsted fungerer, så ved å rydde opp i databasefilene dine kan du få plass på nettstedets server. Et eksempel på filer som ikke trenger å beholdes er gamle bloggpostrevisjoner på WordPress (ja, WordPress bruker også en filmappestruktur).
En plugin som WP-Optimize kan være svært nyttig for å rydde opp i databasen. Du kan tråle gjennom databasen og rydde opp i filene og mappene selv, men det ville være veldig kjedelig og tidkrevende.
10. Bruk et godt design
Det er vel og bra å velge et design, et tema eller en mal som ser fancy ut, men har du vurdert hvordan det vil påvirke nettstedets mobilsidehastighet?
Det er visse funksjoner og funksjonalitet som er designet spesielt for stasjonære brukere, som ærlig talt er påtrengende for mobilbrukere, og kan ha en katastrofal innvirkning på hastigheten.
Faktisk, tilbake i 2017, Google påla en straff for bruk av mobilforgrunnsvinduer . Selv om dette er ett av mange signaler Google bruker for SEO, kan det fortsatt ha stor innvirkning hvis andre signaler på nettstedet ditt svikter.
Jeg vil derfor foreslå at du vurderer følgende anbefalinger:
- Bruk en lett og responsivt tema eller mal som ikke inkluderer unødvendige forhåndsinstallerte plugins eller widgets
- Vurder popup-vinduer, live chat-apper eller automatisk avspilling av videoer og karuseller
- Spør deg selv om du trenger en videobakgrunn – tilfører den noe til nettstedet eller bedriften din?
- Vurder hvordan nettstedet ditt ser ut og føles for mobilbrukere, og bestem om visse funksjoner eller innhold er nødvendig
11. Bruk raskere formater
Nettsider kommer i forskjellige formater, det samme gjør bilder, innhold osv. Det er imidlertid to forskjellige formater som er designet for mobilnettsteder, med den hensikt å øke hastigheten på mobilytelsen.
AMP: Accelerated Mobile Pages (AMP) bruker lat lasting og cacher innhold ved hjelp av Google Cloud. Mange bloggeiere bruker AMP for å få fart på nettstedet sitt.
PWA: Progressive Web App (PWA) kombinerer funksjonaliteten til mobilnett med mobilapper. Tanken er at brukeren skal få en raskere, mobilvennlig design samtidig som den tilbyr god søkbarhet. PWA gjør i hovedsak nettstedet ditt til en app, men du må konvertere hele nettstedet ditt, i motsetning til individuelle sider.
12. Forbedre mobilsidehastighet: Konklusjon
Vi vet allerede at mobilsurfing og mobil internettbruk er på vei oppover, og jeg kan bare se at denne trenden fortsetter. Flere og flere mennesker konverterer til smarttelefoner og nettbrett for regelmessig bruk, så det er bare naturlig (og fornuftig) å sikre at de får en flott mobilopplevelse.
Å designe nettstedet ditt rundt mobil, i motsetning til desktop, vil være min anbefaling. Ved å bruke trinnene ovenfor vil du kunne forbedre mobilsidehastigheten uten for mye tid eller krefter.
Det er viktig å gå tilbake til nettstedet ditt, dets ytelse og design, for å sikre at du følger med på de siste trendene i 2022 og fremover.