1. Introduktion - Hvordan man forbedrer hastigheden på mobilsider
Vil du forbedre hastigheden på mobilsider? Ved udgangen af 2019 tegnede mobile enheder sig for ca. 52,6 % af al den globale webtrafik . Det er derfor ikke overraskende, at mobil sidehastighed er en af Googles rankingfaktorer for SEO.
I juli 2019 annoncerede Google sit initiativ om mobilførste indeksering. Da over halvdelen af verdens befolkning bruger mobilen til at få adgang til internettet, måtte tingene ændre sig.
Ifølge Google tager det i gennemsnit 15 sekunder for et mobilwebsted at blive indlæst. Er du overrasket over dette tal? Det var jeg helt sikkert. Jeg havde forventet, at mobilwebsteder skulle indlæses meget hurtigere, så det er ikke overraskende, at folk spekulerer på, hvordan de kan forbedre hastigheden på mobilwebsteder.
Når sideindlæsningstiden går fra et sekund til 10 sekunder, stiger sandsynligheden for, at en besøgende på et mobilt websted hopper af med 123 %.
Think with Google, 2017 Tweet
Hvis du mener det alvorligt med dit websted eller din virksomhed, skal du sørge for at forbedre hastigheden på mobilsider. Her er 10 måder at forbedre hastigheden på mobilsider i 2022.
2. Find en hurtig webhost for at forbedre mobilsidens hastighed
Webhosting er kernen i ethvert websted. Uden den ville du ikke have en måde at vise dit websted online på. Hvis din webhost er langsom og upålidelig, vil alle dine bestræbelser på at forbedre hastigheden på din mobilside være forgæves.
At finde den bedste webhost bør være din første prioritet for at forbedre hastigheden på mobilsider. Der er mange faktorer at tage hensyn til, så her er nogle af dem, du kan komme i gang med:
Webserverens placering: En god webhost bør have flere datacenterplaceringer, som du kan vælge mellem. Hvis størstedelen af de besøgende på dit websted befinder sig i USA, skal du vælge en amerikansk server, og hvis de befinder sig i Storbritannien, skal du vælge en britisk eller europæisk server.
Specifik hosting: Hvis du bruger en specifik platform som WordPress til dit websted, er det måske bedre at finde en host, der tilbyder mere nichehosting. WordPress-hosting vil ikke kun tilbyde store fordele for WordPress, men du vil sandsynligvis opdage, at deres servere er optimeret til WordPress.
Administreret hosting: På baggrund af mit punkt om WordPress-hosting vælger mange mennesker at vælge administreret hosting, da det ofte gør din hjemmeside mere sikker. For eksempel vil administreret WordPress administrere alle opdateringer til dit WordPress-websted, så du ikke behøver at gøre det manuelt. Vedligeholdelse af dit websted er afgørende for at sikre, at dit websted forbliver sikkert og velholdt og rangerer godt i søgemaskinerne.
Tilgængelige ressourcer: Når du først tilmelder dig en webhost, føler du måske, at en af deres hostingplaner passer til din nuværende situation. Men hvad nu, hvis din situation ændrer sig? Hvad sker der, hvis dit websted begynder at få mere trafik, end du havde forventet? Mange webhoteller sætter et loft over hvor mange månedlige besøgende du kan have på dit website, eller hvor meget lagerplads og båndbredde du kan bruge. Derfor er det vigtigt at finde et hostingabonnement, der er skalerbart og kan vokse med dit websteds voksende behov.
3. Caching
Caching er en proces, hvor indholdet af et websted gemmes, så brugeren kan se det senere. Du har måske bemærket, at et websteds indlæsningstid er betydeligt kortere, anden gang du besøger det.
Når du besøger et websted første gang, skal din enhed indlæse alt det indhold, der er tilgængeligt, for at du kan se webstedet korrekt. Men når du har besøgt siden første gang, kan din enhed gemme indholdet i cache, hvilket gør fremtidige indlæsningstider meget hurtigere.
Ved at oprette statiske kopier af indholdet kan serverne arbejde meget hurtigere og derfor levere indholdet hurtigere. Der er forskellige måder, hvorpå du kan aktivere caching.
Server caching: Server caching er noget, som kan udføres af din webhost. Hvis du har valgt en god webhost, bør de allerede have et caching-værktøj indbygget i dit hostingabonnement. Gå over til dit hostingkontrolpanel for at få mere at vide om din servercaching. Hvis du ikke ved, hvor du kan finde den, kan du kontakte din webhost.
Objektcaching: Objektcaching, webstedscaching og databasecaching kan alle udføres separat fra din servercaching. Hvis du bruger WordPress, kan du faktisk downloade et caching-plugin som WP Fastest Cache, som giver dig mulighed for at aktivere eller deaktivere specifikke caching-muligheder.
4. Optimering af billeder
Billeder er en af de største syndere, der sænker hastigheden på dit websted. Hvis du ikke optimerer dine billeder, kan du opleve, at det meste af den plads, der optages på din webserver, skyldes billeder.
Ud fra de tilgængelige data ved vi allerede, at mobilwebsteder er længere tid om at indlæse end desktopwebsteder. Derfor er det utrolig vigtigt at sikre, at dine billeder er reduceret i størrelse for at give en bedre mobiloplevelse.
Heldigvis er der masser af gratis værktøjer til rådighed, som kan reducere billedstørrelsen uden at miste billedkvaliteten. TinyJPG er gratis at bruge; du kan uploade op til 20 billeder ad gangen og derefter komprimere dem på få minutter.
Hvis du bruger WordPress, kan du også installere et plugin, som gør det beskidte arbejde for dig. Optimole forbedrer din hjemmesides indlæsningshastighed ved at reducere billedstørrelser automatisk for dig.
5. Reducer plugins og apps
Uanset om du bruger WordPress, en webside builder som Wix eller bygger dit website helt fra bunden, er det vigtigt, at du ikke overbelaster dit website med plugins og apps.
Jo mere dit websted skal indlæses, jo længere tid tager det. Det handler dog ikke kun om, hvor mange plugins eller apps du har, det handler også om deres kompatibilitet med hinanden, og om dem, der ærligt talt ikke er særlig gode.
Hvis du har et dårligt kodet plugin eller en dårligt kodet app, kan koden alene forårsage problemer med hastigheden på dit websted. Selv om det kan være fristende og spændende at installere en masse funktioner på dit websted, skal du overveje, om du virkelig har brug for dem, før du installerer dem.
6. Skrifttypefiler
Skrifttypefiler er nok ikke noget, som mange mennesker ville overveje eller endda tænke på i forbindelse med deres mobilsidehastighed. Undersøgelser viser imidlertid, at den gennemsnitlige skriftstørrelse på mobilen er steget år for år.
I september 2016 var medianen for medianbytes til mobil skrifttyper f.eks. 67,4 KB, mens den i april 2020 var steget til 107,5 KB. Selv om vi taler om kilobyte, er det alt sammen noget, der tæller.
Jeg ved godt, at det kan være fristende at designe eller vælge et webstedsdesign med mange smarte skrifttyper, fordi de ser cool ud, men det hjælper ikke på hastigheden på din mobilside. Prøv at vælge færre skrifttyper, og hold dig til et mindre udvalg.
Du kan også undersøge, hvilke skrifttyper der indlæses hurtigere. Selv om det kan virke lidt mærkeligt, KeyCDN gennemførte en casestudie i 2018 som analyserede webstedets skrifttypers ydeevne. De fandt ud af, at den hurtigst indlæsende Google-skrifttype var Open Sans med en indlæsningstid på 0,476 sekunder.
7. Brug den nyeste version af PHP
PHP er et meget udbredt open source-skriptsprog. Det bruges ofte i webudvikling og kan findes i serverfiler (selv om du ikke har kodet med PHP).
WordPress kører på PHP, men afhængig af versionen kan et WordPress-websted fungere bedre eller dårligere afhængigt af versionen. CloudWays har opsat en benchmark-test for at analysere, hvilken forskel PHP-versionen kan have på et websteds ydeevne. Ved hjælp af en Linode-server med 2 kerner, 4 GB RAM og en 48 GB SSD kørte de en test for PHP-versionerne 5.6, 7.0, 7.1, 7.2 og 7.3.
Resultaterne er klart til fordel for PHP version 7.3, som kunne håndtere 10,31 forespørgsler pr. sekund, mens version 7.2 kommer ind på en tæt andenplads. Jo flere forespørgsler dit websted kan håndtere, jo bedre vil det fungere på desktop og mobil.
8. Minificer HTML, CSS og JavaScript
Hvis du har brugt et værktøj til at forbedre hastigheden på websites eller ydeevnen på websites, f.eks. GTmetrix, har du sikkert set udtrykket “minify resources” eller “minify JavaScript”. Dette er i forbindelse med den kode, som dit websted bruger.
Minificering af kode kan hjælpe med at reducere unødvendig kode, så din filstørrelse bliver mindre. Når en udvikler skriver kode, især til folk, der bruger et tema eller en skabelon, har de en tendens til at skrive den, så den er nemmere at se for øjet.
De bruger f.eks. mellemrum, kommentarer og andre formateringsforanstaltninger for at gøre det nemmere for andre at læse. Disse ekstra mellemrum og kommentarer optager dog plads på din hjemmesides server og kræver, at der leveres mere indhold til dine besøgende, hvilket gør dit websted langsommere.
Du kan nemt minificere kode ved at bruge et værktøj som Minifier. Hvis du bruger WordPress til dit websted, kan du alternativt bruge WP Fastest Cache som vist på billedet ovenfor.
9. Oprydning af databasefiler
Webstedets filer er opbygget i en stor filmappestruktur. Ligesom på din stationære computer er der flere mapper med filer i dem. Jeg er sikker på, at du har masser af filer på din computer, som du ikke bruger, men som du gemmer til en dårlig dag (eller som du simpelthen ikke aner, hvad de er).
Dette svarer meget til, hvordan et websted fungerer, så ved at rydde op i dine databasefiler kan du skabe plads på serveren på dit websted. Et eksempel på filer, der ikke behøver at blive gemt, er gamle blogindlægsrevisioner i WordPress (ja, WordPress bruger også en filmappestruktur).
Et plugin som WP-Optimize kan være meget nyttig til at rydde op i din database. Du kan selv gennemgå din database og rydde op i filer og mapper, men det ville være meget besværligt og tidskrævende.
10. Brug et godt design
Det er fint nok at vælge et design, et tema eller en skabelon, der ser smart ud, men har du overvejet, hvordan det vil påvirke dit websteds hastighed på mobilsider?
Der er visse funktioner og funktioner, der er designet specielt til desktopbrugere, som er direkte generende for mobilbrugere og kan have en katastrofal indvirkning på hastigheden.
Faktisk, tilbage i 2017, Google pålagde en straf for brug af pop-ups til mobiler. Selv om dette er et af de mange signaler, som Google bruger til SEO, kan det stadig have stor betydning, hvis andre signaler på dit websted ikke fungerer.
Jeg vil derfor foreslå, at du overvejer følgende anbefalinger:
- Brug et let og responsivt tema eller en skabelon, der ikke indeholder unødvendige forudinstallerede plugins eller widgets
- Genovervej pop-ups, live chat-apps eller automatisk afspilning af videoer og karruseller
- Spørg dig selv, om du har brug for en videobaggrund – tilføjer den noget til dit websted eller din virksomhed?
- Overvej, hvordan dit websted ser ud og føles for mobilbrugere, og beslut, om visse funktioner eller indhold er nødvendige
11. Brug hurtigere formater
Websider findes i forskellige formater, og det samme gælder billeder, indhold osv. Der er dog to forskellige formater, der er designet til mobile websteder med henblik på at fremskynde mobil ydeevne.
AMP: Accelerated Mobile Pages (AMP) bruger lazy loading og lagrer indhold i cache i Google Cloud. Mange blogindehavere bruger AMP til at gøre deres websted hurtigere.
PWA: Progressive Web App (PWA) kombinerer funktionaliteten af mobilweb med mobilapps. Ideen er, at brugeren får et hurtigere, mobilvenligt design, samtidig med at der stadig er gode søgemuligheder. PWA gør i princippet dit website til en app, men du skal konvertere hele dit website i stedet for enkelte sider.
12. Forbedre hastigheden på mobilsiden: Konklusion
Vi ved allerede, at brugen af mobil browsing og mobilt internet er stigende, og jeg kan kun se, at denne tendens fortsætter. Flere og flere mennesker skifter til smartphones og tablets til regelmæssig brug, så det er kun naturligt (og fornuftigt) at sikre, at de får en god mobiloplevelse.
Jeg vil anbefale, at du udformer dit websted til mobiltelefonen i stedet for til skrivebordet. Ved hjælp af ovenstående trin kan du forbedre hastigheden på din mobilside uden alt for meget tid og besvær.
Det er vigtigt at revidere dit websted, dets ydeevne og design for at sikre, at du følger med de nyeste tendenser i 2022 og fremover.