1. Inleiding - Hoe de mobiele paginasnelheid te verbeteren
Wilt u de snelheid van mobiele pagina’s verbeteren? Eind 2019 waren mobiele apparaten goed voor ongeveer 52,6% van al het wereldwijde websiteverkeer. Het is dan ook niet verwonderlijk dat de snelheid van mobiele pagina’s een van de rankingfactoren van Google is voor SEO.
In juli 2019 kondigde Google zijn mobile-first indexeringsinitiatief aan. Nu meer dan de helft van de wereldbevolking mobiel internet gebruikt, moest er wel iets veranderen.
Volgens Google duurt het gemiddeld 15 seconden voordat een mobiele website is geladen. Ben je verrast door dat cijfer? Dat was ik zeker. Ik had verwacht dat mobiele websites veel sneller zouden laden, dus het is geen verrassing dat mensen zich afvragen hoe ze de snelheid van mobiele websites kunnen verbeteren.
Als de laadtijd van een pagina van één seconde naar 10 seconden gaat, neemt de kans dat een bezoeker van een mobiele site stuitert met 123% toe
Als u serieus bent over uw website of bedrijf, moet u ervoor zorgen dat u de mobiele paginasnelheid verbetert. Hier zijn 10 manieren om de snelheid van mobiele pagina’s te verbeteren in 2022.
2. Zoek een snelle webhost om de snelheid van mobiele pagina's te verbeteren
Web hosting is de crux van elke website. Zonder dat, zou u geen manier hebben om uw website online te tonen. Bovendien, als uw webhost traag en onbetrouwbaar is, zouden al uw inspanningen om uw mobiele pagina snelheid te verbeteren zinloos zijn.
Het vinden van de beste webhost zou uw eerste prioriteit moeten zijn bij het verbeteren van de snelheid van mobiele pagina’s. Er zijn veel factoren waarmee u rekening moet houden, dus hier zijn er een paar om u op weg te helpen:
Webserver locatie: Een goede webhost moet meerdere datacenter locaties voor u om uit te kiezen. Als de meeste bezoekers van uw website zich in de VS bevinden, kies dan voor een Amerikaanse server, en als ze zich in het Verenigd Koninkrijk bevinden, kies dan voor de Britse of Europese server.
Specifieke hosting: Als je een specifiek platform zoals WordPress gebruikt voor je website, ben je misschien beter af met het vinden van een host die meer niche hosting biedt. WordPress hosting zal niet alleen bieden grote voordelen voor WordPress, maar je zult waarschijnlijk vinden hun servers zijn geoptimaliseerd voor WordPress.
Beheerde hosting: Op de achterkant van mijn punt over WordPress hosting, veel mensen kiezen voor managed hosting, omdat het vaak houdt uw website veiliger. Bijvoorbeeld, beheerde WordPress zal alle updates voor uw WordPress website beheren, zodat u dit niet handmatig hoeft te doen. Website onderhoud is essentieel om ervoor te zorgen dat uw website veilig blijft en goed scoort bij zoekmachines.
Beschikbaarheid van middelen: Wanneer u zich voor het eerst aanmeldt bij een webhost, hebt u misschien het gevoel dat een van hun hostingplannen geschikt is voor uw huidige situatie. Maar wat als je situatie verandert? Wat gebeurt er als uw website meer verkeer krijgt dan u had verwacht? Veel webhosts zullen een limiet stellen aan het aantal maandelijkse websitebezoekers dat u kunt hebben, of hoeveel opslagruimte en bandbreedte u kunt gebruiken. Daarom is het belangrijk om een hosting plan te vinden dat schaalbaar is en kan meegroeien met de groeiende behoeften van uw website.
3. Caching
Caching is een proces waarbij de inhoud van een website wordt opgeslagen zodat een gebruiker die later kan bekijken. Misschien is het u opgevallen dat de laadtijd van een website aanzienlijk korter is naarmate u hem een tweede keer bezoekt.
Wanneer u een website voor het eerst bezoekt, moet uw apparaat alle beschikbare inhoud laden, zodat u de website correct kunt bekijken. Maar na uw eerste bezoek kan uw toestel de inhoud in de cache opslaan, waardoor het laden in de toekomst veel sneller gaat.
Door statische kopieën van inhoud te maken, kunnen servers veel sneller werken en dus sneller inhoud leveren. Er zijn verschillende manieren waarop u caching kunt inschakelen.
Server caching: Server caching is iets dat kan worden gedaan door uw web host. Als je een fatsoenlijke webhost hebt gekozen, zou die al een caching tool ingebouwd moeten hebben in je hosting plan. Ga naar het controlepaneel van uw hosting om meer te weten te komen over uw server caching. Als u niet weet waar u dit kunt vinden, neem dan contact op met uw webhost.
Object caching: Object caching, website caching, en database caching kunnen allemaal apart van uw server caching worden gedaan. Als u WordPress gebruikt, kunt u een caching-plugin downloaden zoals WP Fastest Cache, waarmee u specifieke caching-opties kunt in- of uitschakelen.
4. Afbeeldingen optimaliseren
Afbeeldingen zijn een van de grootste boosdoeners voor het vertragen van de snelheid van uw website. Als u uw afbeeldingen niet optimaliseert, kan het zijn dat de meeste ruimte op uw webserver in beslag wordt genomen door afbeeldingen.
Uit de beschikbare gegevens weten we al dat mobiele websites er langer over doen om te laden dan desktop-websites. Daarom is het ongelooflijk belangrijk om ervoor te zorgen dat uw afbeeldingen worden verkleind om een betere mobiele ervaring te bieden.
Gelukkig zijn er veel gratis tools beschikbaar die je afbeeldingen kunnen verkleinen, zonder verlies van beeldkwaliteit. TinyJPG is gratis te gebruiken; je kunt tot 20 afbeeldingen tegelijk uploaden, en ze dan in een paar minuten comprimeren.
Als alternatief, als je WordPress gebruikt, kun je een plugin installeren die het vuile werk voor je doet. Optimole verbetert de laadsnelheid van je website door afbeeldingen automatisch te verkleinen.
5. Verminder plugins en apps
Of u nu WordPress gebruikt, een websitebouwer zoals Wix, of uw website helemaal opnieuw bouwt, het is belangrijk dat u uw website niet overlaadt met plugins en apps.
Hoe meer uw website moet laden, hoe langer het zal duren. Het gaat er echter niet alleen om hoeveel plugins of apps je hebt, maar ook of ze onderling compatibel zijn, en of ze eerlijk gezegd niet erg goed zijn.
Als je een slecht gecodeerde plugin of app hebt, kan de code alleen al problemen veroorzaken voor de snelheid van je website. Hoewel het verleidelijk en opwindend kan zijn om veel functies op uw website te installeren, moet u zich afvragen of u ze echt nodig hebt voordat u ze installeert.
6. Lettertype Bestanden
Lettertypebestanden zijn waarschijnlijk niet iets waar veel mensen rekening mee houden of zelfs maar aan denken als het gaat om de snelheid van hun mobiele pagina. Uit onderzoek blijkt echter dat de gemiddelde lettergrootte op mobiele telefoons jaar na jaar is toegenomen.
Zo bedroegen de mediane mobiele lettertypes in september 2016 in totaal 67,4 KB, terwijl dit in april 2020 was gestegen tot 107,5 KB. Ook al hebben we het over kilobytes, dit telt allemaal op.
Ik weet dat het verleidelijk kan zijn om een website te ontwerpen of te kiezen met veel mooie lettertypes, omdat ze er cool uitzien, maar dit is niet goed voor de snelheid van je mobiele pagina. Probeer minder lettertypes te kiezen en blijf bij een kleinere selectie.
Je zou ook wat onderzoek kunnen doen naar welke lettertypes sneller laden. Hoewel dat misschien een beetje vreemd lijkt, KeyCDN voerde een casestudy uit in 2018 die de lettertypeprestaties van websites analyseerde. Zij ontdekten dat het snelst ladende Google-lettertype Open Sans was, met een laadtijd van 0,476 seconden.
7. Gebruik de laatste versie van PHP
PHP is een veelgebruikte open-source scripttaal. Het wordt vaak gebruikt bij webontwikkeling en kan worden gevonden in serverbestanden (zelfs als u niet echt met PHP hebt gecodeerd).
WordPress draait op PHP, maar afhankelijk van de versie kan een WordPress website beter of slechter presteren. CloudWays heeft een benchmarktest opgezet om te analyseren welk verschil de PHP-versie kan hebben op de prestaties van een website. Met behulp van een Linode server met 2 cores, 4GB RAM en een 48GB SSD, deden ze een test voor PHP versies 5.6, 7.0, 7.1, 7.2, en 7.3.
De resultaten zijn duidelijk in het voordeel van PHP versie 7.3, die 10,31 verzoeken per seconde kon verwerken, met versie 7.2 op een nipte tweede plaats. Hoe meer verzoeken uw website aankan, hoe beter hij presteert op desktop en mobiel.
8. HTML, CSS en JavaScript minimaliseren
Als je een website snelheid of website performance tool hebt gebruikt, zoals GTmetrix, zul je waarschijnlijk de term “minify resources” of “minify JavaScript” hebben gezien. Dit heeft te maken met de code die uw website gebruikt.
Code minification kan helpen om onnodige code te verminderen, zodat uw bestanden kleiner en kleiner worden. Wanneer een ontwikkelaar code schrijft, vooral voor mensen die een thema of template gebruiken, hebben ze de neiging om het zo te schrijven dat het gemakkelijker is voor het menselijk oog.
Zij zullen bijvoorbeeld spaties, commentaar en andere opmaakmaatregelen gebruiken om het voor andere mensen gemakkelijker te maken om te lezen. Deze extra spaties en commentaren nemen echter ruimte in op de server van uw website en vereisen het leveren van meer inhoud aan uw websitebezoekers, waardoor uw site trager wordt.
Je kunt code gemakkelijk minifiëren met een tool als Minifier. Als alternatief, als u WordPress gebruikt voor uw website, kunt u WP Fastest Cache gebruiken zoals te zien is in de afbeelding hierboven.
9. Opschonen databankbestand
De bestanden van een website zijn opgebouwd in een grote mappenstructuur. Net als uw desktop computer, zijn er meerdere mappen met bestanden erin. Ik ben er zeker van dat u veel bestanden op uw computer hebt staan die u niet gebruikt, maar die u bewaart voor een regenachtige dag (of waarvan u gewoon geen idee hebt wat ze zijn).
Dit lijkt erg op de manier waarop een website werkt, dus door uw databasebestanden op te schonen, kunt u ruimte maken op de server van uw website. Een voorbeeld van bestanden die niet bewaard hoeven te worden, zijn oude revisies van blogposts op WordPress (ja, ook WordPress gebruikt een mappenstructuur).
Een plugin zoals WP-Optimize kan zeer nuttig zijn bij het opschonen van uw database. U kunt uw database doorzoeken en zelf de bestanden en mappen opruimen, maar dat zou erg vervelend en tijdrovend zijn.
10. Gebruik een goed ontwerp
Het is allemaal goed en wel het kiezen van een ontwerp, thema of sjabloon dat ziet er fancy, maar heb je nagedacht over hoe het zal de mobiele snelheid van uw website pagina beïnvloeden?
Er zijn bepaalde functies en functionaliteiten die specifiek zijn ontworpen voor desktopgebruikers, die ronduit storend zijn voor mobiele gebruikers, en een desastreuze impact kunnen hebben op de snelheid.
In feite, in 2017, Google heeft een boete opgelegd voor het gebruik van mobiele pop-ups. Hoewel dit een van de vele signalen is die Google gebruikt voor SEO, kan het toch een grote impact hebben als andere signalen op uw website tekortschieten.
Daarom stel ik voor dat u de volgende aanbevelingen overweegt:
- Gebruik een lichtgewicht en responsief thema of template dat geen onnodige voorgeïnstalleerde plugins of widgets bevat
- Heroverweeg pop-ups, live chat-apps, of automatisch afspelende video’s en carrousels
- Vraag uzelf af of u een video-achtergrond nodig hebt – voegt het iets toe aan uw website of bedrijf?
- Bedenk hoe uw website eruit ziet en aanvoelt voor mobiele gebruikers, en beslis of bepaalde functies of inhoud nodig zijn
11. Snellere formaten gebruiken
Webpagina’s zijn er in verschillende formaten, net als afbeeldingen, inhoud, enz. Er zijn echter twee verschillende formaten die zijn ontworpen voor mobiele websites, met de bedoeling om de mobiele prestaties te versnellen.
AMP: Accelerated Mobile Pages (AMP) maakt gebruik van lazy loading en cached inhoud met behulp van Google Cloud. Veel blog-eigenaars gebruiken AMP om hun website te versnellen.
PWA: Progressive Web App (PWA) combineert de functionaliteit van mobiel web met mobiele apps. Het idee is dat de gebruiker een sneller, mobiel-vriendelijk ontwerp krijgt, terwijl het toch goed doorzoekbaar blijft. PWA verandert je website in een app, maar je moet wel je hele website converteren, in plaats van individuele pagina’s.
12. Verbeter de snelheid van mobiele pagina's: Conclusie
We weten al dat mobiel surfen en mobiel internetgebruik in de lift zitten, en ik zie deze trend alleen maar doorzetten. Steeds meer mensen stappen over op smartphones en tablets voor regelmatig gebruik, dus is het niet meer dan normaal (en verstandig) om ervoor te zorgen dat ze een geweldige mobiele ervaring hebben.
Het ontwerpen van uw website rond mobiel, in tegenstelling tot desktop, zou mijn aanbeveling zijn. Met de bovenstaande stappen kunt u de snelheid van uw mobiele pagina’s verbeteren zonder al te veel tijd of moeite.
Het is belangrijk om de prestaties en het ontwerp van uw website opnieuw te bekijken om ervoor te zorgen dat u bijblijft met de nieuwste trends in 2022 en daarna.
