1. Introduktion - Hur man förbättrar hastigheten på mobila sidor
Vill du förbättra hastigheten på mobila sidor? I slutet av 2019 stod mobila enheter för cirka 52,6 % av all global webbplatstrafik . Det är därför inte förvånande att mobil sidhastighet är en av Googles rankingfaktorer för SEO.
I juli 2019 tillkännagav Google sitt initiativ för mobil först-indexering. Med över hälften av världens befolkning som använder mobiler för att få tillgång till internet måste saker och ting förändras.
Enligt Google tar det i genomsnitt 15 sekunder för en mobil webbplats att laddas. Är du förvånad över denna siffra? Det var jag definitivt. Jag förväntade mig att mobila webbplatser skulle laddas mycket snabbare, så det är ingen överraskning att folk undrar hur de kan förbättra hastigheten på mobila webbplatser.
När sidans laddningstid går från en sekund till 10 sekunder ökar sannolikheten för att en besökare på en mobil webbplats hoppar av med 123 %.
Think with Google, 2017 Tweet
Om du menar allvar med din webbplats eller ditt företag måste du se till att förbättra hastigheten på mobila sidor. Här är 10 sätt att förbättra hastigheten på mobila sidor under 2022.
2. Hitta en snabb webbhotell för att förbättra hastigheten på mobila sidor
Webbhotell är kärnan i varje webbplats. Utan den skulle du inte ha något sätt att visa din webbplats på nätet. Om din webbhotell är långsam och opålitlig är alla dina ansträngningar för att förbättra hastigheten på din mobilsida meningslösa.
Att hitta det bästa webbhotellet bör vara din första prioritet när du vill förbättra hastigheten på mobila sidor. Det finns många faktorer att ta hänsyn till, så här är några för att komma igång:
Webbserverns plats: Ett bra webbhotell bör ha flera datacenterplatser som du kan välja mellan. Om majoriteten av besökarna på din webbplats befinner sig i USA ska du välja en amerikansk server, och om de befinner sig i Storbritannien ska du välja en brittisk eller europeisk server.
Särskilt värdskap: Om du använder en specifik plattform som WordPress för din webbplats kan det vara bättre att hitta en värd som erbjuder mer nischade webbhotell. Ett WordPress-hosting erbjuder inte bara stora fördelar för WordPress, utan du kommer förmodligen att upptäcka att deras servrar är optimerade för WordPress.
Förvaltat webbhotell: Många väljer därför att välja förvaltat webbhotell, eftersom det ofta gör din webbplats säkrare. Till exempel hanterar hanterade WordPress alla uppdateringar för din WordPress-webbplats, så att du inte behöver göra det manuellt. Webbplatsunderhåll är viktigt för att se till att din webbplats är säker, trygg och rankas väl i sökmotorerna.
Tillgång till resurser: När du först registrerar dig för ett webbhotell kanske du känner att en av deras webbhotellsplaner passar för din nuvarande situation. Men vad händer om din situation förändras? Vad händer om din webbplats börjar få mer trafik än du räknat med? Många webbhotell sätter ett tak för hur många besökare du kan ha varje månad eller hur mycket lagringsutrymme och bandbredd du kan använda. Därför är det viktigt att hitta ett webbhotell som är skalbart och kan växa med din webbplats växande behov.
3. Cachelagring
Caching är en process där innehållet på en webbplats lagras för att användaren ska kunna se det senare. Du kanske har märkt att en webbplats laddningstid är betydligt kortare när du besöker den andra gången.
När du besöker en webbplats för första gången måste din enhet läsa in allt innehåll som finns tillgängligt för att du ska kunna se webbplatsen korrekt. När du har besökt webbplatsen för första gången kan din enhet dock lagra innehållet i en cache, vilket gör att framtida laddningstider blir mycket snabbare.
Genom att skapa statiska kopior av innehållet kan servrarna arbeta mycket snabbare och därmed leverera innehållet snabbare. Det finns olika sätt att aktivera caching.
Server caching : Server caching är något som kan göras av ditt webbhotell. Om du har valt ett bra webbhotell bör de redan ha ett cachingverktyg inbyggt i din webbhotellsplan. Gå över till din kontrollpanel för hosting för att ta reda på mer om caching på din server. Om du inte vet var du kan hitta detta, kontakta ditt webbhotell.
Objektcachelagring: Objektcachelagring, webbplatscachelagring och databascachelagring kan alla göras separat från servercachelagring. Om du använder WordPress kan du faktiskt ladda ner ett caching-plugin som WP Fastest Cache som gör att du kan aktivera eller inaktivera specifika cachingalternativ.
4. Optimera bilder
Bilder är en av de främsta orsakerna till att din webbplats blir långsammare. Om du inte optimerar dina bilder kan det hända att bilderna står för det mesta av det utrymme som tas upp på din webbserver.
Vi vet redan att mobila webbplatser tar längre tid att ladda än skrivbordswebbplatser. Därför är det otroligt viktigt att se till att dina bilder är mindre för att ge en bättre mobilupplevelse.
Tack och lov finns det många gratis verktyg som kan minska bildstorleken utan att förlora bildkvalitet. TinyJPG är gratis att använda; du kan ladda upp upp till 20 bilder åt gången och sedan komprimera dem på några minuter.
Om du använder WordPress kan du också installera ett insticksprogram som gör det smutsiga arbetet åt dig. Optimole förbättrar laddningshastigheten på din webbplats genom att minska bildstorleken automatiskt åt dig.
5. Minska antalet plugins och appar
Oavsett om du använder WordPress, en webbplatsbyggare som Wix eller bygger din webbplats från grunden är det viktigt att du inte överbelastar din webbplats med plugins och appar.
Ju mer din webbplats måste laddas, desto längre tid tar det. Men det handlar inte bara om hur många plugins eller appar du har, utan också om hur kompatibla de är med varandra och om de är mindre bra.
Om du har ett plugin eller en app som är dåligt kodad kan enbart koden orsaka problem med hastigheten på din webbplats. Det kan vara frestande och spännande att installera många funktioner på din webbplats, men tänk efter om du verkligen behöver dem innan du installerar dem.
6. Typsnittsfiler
Typsnittsfiler är förmodligen inte något som många människor skulle överväga eller ens tänka på när det gäller hastigheten på mobilsidor. Undersökningar visar dock att den genomsnittliga teckensnittsstorleken på mobiler har ökat år för år.
I september 2016 uppgick till exempel medianvärdet för mobila teckensnitt till 67,4 KB, medan det i april 2020 var 107,5 KB. Även om vi talar om kilobyte, blir allt detta en stor summa.
Jag vet att det kan vara frestande att utforma eller välja en webbplats med många fina typsnitt för att det ser coolt ut, men det kommer inte att hjälpa din mobila sidhastighet. Försök att välja färre typsnitt och hålla dig till ett mindre urval.
Du kan också undersöka vilka typsnitt som laddas snabbare. Även om det kan verka lite konstigt, KeyCDN genomförde en fallstudie 2018 som analyserade prestanda för teckensnitt på webbplatser. De fann att det snabbast laddande Google-teckensnittet var Open Sans med en laddningstid på 0,476 sekunder.
7. Använd den senaste versionen av PHP
PHP är ett allmänt använt skriptspråk med öppen källkod. Det används ofta vid webbutveckling och finns i serverfiler (även om du inte har kodat med PHP).
WordPress körs på PHP, men beroende på version kan en WordPress-webbplats fungera bättre eller sämre. CloudWays har inrättat ett benchmark-test för att analysera vilken skillnad PHP-versionen kan ha på en webbplats prestanda. Med hjälp av en Linode-server med två kärnor, 4 GB RAM och en 48 GB SSD körde de ett test för PHP-versionerna 5.6, 7.0, 7.1, 7.2 och 7.3.
Resultaten är tydligt till PHP version 7.3:s fördel, som kunde hantera 10,31 begäranden per sekund, medan version 7.2 kom på en knapp andraplats. Ju fler förfrågningar din webbplats kan hantera, desto bättre kommer den att fungera på datorer och mobiler.
8. Minimera HTML, CSS och JavaScript
Om du har använt något verktyg för webbplatsens hastighet eller prestanda, som GTmetrix, har du förmodligen sett termen “minify resources” eller “minify JavaScript”. Detta gäller den kod som din webbplats använder.
Kodminifiering kan hjälpa till att minska onödig kod så att filstorleken minskar. När en utvecklare skriver kod, särskilt för personer som använder ett tema eller en mall, tenderar de att skriva den så att den är lättare för ögat.
De använder till exempel mellanslag, kommentarer och andra formateringsåtgärder för att göra det enklare för andra att läsa. Dessa extra mellanslag och kommentarer tar dock upp plats på din webbplats server och kräver att mer innehåll levereras till dina webbplatsbesökare, vilket gör att din webbplats blir långsammare.
Du kan enkelt minska koden genom att använda ett verktyg som Minifier. Om du använder WordPress för din webbplats kan du också använda WP Fastest Cache som visas i bilden ovan.
9. Uppstädning av databasfilen
Filerna på en webbplats byggs upp i en stor mappstruktur. Precis som i din stationära dator finns det flera mappar med filer i dem. Du har säkert många filer på din dator som du inte använder, men som du sparar till en regnig dag (eller som du helt enkelt inte har en aning om vad de är).
Detta är mycket likt hur en webbplats fungerar, så genom att rensa upp i databasfilerna kan du skapa utrymme på webbservern. Ett exempel på filer som inte behöver sparas är gamla revideringar av blogginlägg i WordPress (ja, WordPress använder också en filmappstruktur).
Ett insticksprogram som WP-Optimize kan vara mycket användbart för att rensa upp i databasen. Du kan gå igenom din databas och rensa upp filer och mappar själv, men det skulle vara mycket tråkigt och tidskrävande.
10. Använd en bra design
Det är bra att välja en design, ett tema eller en mall som ser snygg ut, men har du tänkt på hur det påverkar webbplatsens mobila sidhastighet?
Det finns vissa funktioner som är utformade specifikt för skrivbordsanvändare, som är rent ut sagt störande för mobilanvändare och som kan ha en katastrofal inverkan på hastigheten.
Faktum är att 2017, Google har infört ett straff för användning av popup-fönster för mobila enheter. Även om detta är en av många signaler som Google använder för SEO kan den ändå ha stor betydelse om andra signaler på din webbplats inte fungerar.
Jag föreslår därför att ni överväger följande rekommendationer:
- Använd ett lättviktigt och responsivt tema eller en mall som inte innehåller onödiga förinstallerade plugins eller widgetar.
- Överväg popup-fönster, appar för livechatt eller videor och karuseller med automatisk uppspelning.
- Fråga dig själv om du behöver en videobakgrund – tillför den något till din webbplats eller ditt företag?
- Tänk på hur din webbplats ser ut och känns för mobilanvändare, och bestäm om vissa funktioner eller innehåll behövs.
11. Använd snabbare format.
Webbsidor finns i olika format, liksom bilder, innehåll osv. Det finns dock två olika format som har utformats för mobila webbplatser för att snabba upp den mobila prestandan.
AMP: Accelerated Mobile Pages (AMP) använder lat laddning och lagrar innehåll i Google Cloud. Många bloggägare använder AMP för att snabba upp sin webbplats.
PWA: Progressive Web App (PWA) kombinerar funktionaliteten hos mobilwebben med mobilappar. Tanken är att användaren ska få en snabbare, mobilvänlig design samtidigt som den fortfarande har en bra sökbarhet. PWA omvandlar i princip din webbplats till en app, men du måste konvertera hela webbplatsen i stället för enskilda sidor.
12. Förbättra hastigheten på mobila sidor: Slutsats
Vi vet redan att mobilsurfning och mobil internetanvändning ökar, och jag kan bara se att den här trenden fortsätter. Fler och fler människor använder smartphones och surfplattor regelbundet, så det är naturligt (och klokt) att se till att de får en bra mobilupplevelse.
Jag rekommenderar att du utformar din webbplats så att den är anpassad för mobiler, i motsats till datorer. Med hjälp av stegen ovan kan du förbättra hastigheten på din mobila sida utan alltför mycket tid och ansträngning.
Det är viktigt att se över din webbplats, dess prestanda och design för att se till att du håller dig uppdaterad med de senaste trenderna under 2022 och framåt.