Misschien heb je het zelf wel eens meegemaakt. Je opent een website, maar na een paar seconde is de website nog steeds niet volledig geladen. Waarschijnlijk klik je dan de website weg en ga je op zoek naar een ander alternatief. Tijd om hier een einde aan te maken. Trage websites zijn namelijk vervelend en ze komen niet betrouwbaar over.
Om geen bezoekers mis te lopen is het daarom erg belangrijk om een snel ladende website te hebben. Een snellere website levert je betere gebruikservaring en je scoort beter in de zoekmachine.
Hoe check je je laadtijd?
Er zijn verschillende tools om je laadtijd te checken, namelijk:
- GTmetrix
- Pingdom
Hoe maak ik mijn website sneller?
Als je je website hebt laten analyseren door bovenstaande tools, dan zullen er waarschijnlijk veel verbeterpunten naar voren zijn gekomen. Kijk daarbij goed naar het “waterval” overzicht ,dat is een opsomming waar je precies kan zien welke onderdelen op je website langzaam laden. Je kan namelijk per onderdeel je website versnellen. Het kunnen afbeeldingen zijn ook ook een onjuiste plek van een stukje code. De TTFB is een van de belangrijkste indicatoren voor snelheid. Dit staat voor Time to first byte, de hoeveelheid tijd tussen het opzetten van de verbinding met de server en het downloaden van alle content op de pagina. Maar wat zijn nou de beste en meest gebruikte manieren om je website sneller te maken?
Tips
Tip 1: Hosting
Hosting is een erg belangrijk onderdeel van je website snelheid. Je hosting bepaald hoe snel je website reageert op een verzoek (TTFB). Daarnaast zijn ook de locatie van de hosting en het pakket van de hostingmaatschappij van invloed op je snelheid.
Een eigen server zal vaak ook veel sneller zijn dan “shared” of “VPS” hosting. Maar dit heeft ook met budget te maken.
Als je jouw website wilt optimaliseren voor snelheid dan raden we je aan om goed te kijken naar de techniek die je gebruikt in je website. Veel hosting bedrijven richten zich vooral op generieke hosting. Dus redelijke geschikt voor alle soorten CMS (Content Management Systeem). Maar WordPress, WordPress met WooCommerce, Craft CMS, Joomla, ect hebben allemaal hele andere server instellingen nodig. Bij OneTap hebben we meer dan 5 jaar ervaring in het inrichten van WordPress hosting en leren we elke dag weer bij. Dit geeft maar aan hoe specialistisch dit werkje is. 1x even een snelle website werkt 9 van de 10x niet voor een langere tijd.
Tip 2: Het WordPress thema en je plug-ins
Een veelgemaakte fout van website ontwikkelaars is dat ze kiezen voor thema’s met super veel opties. Logisch want een WordPress thema is een belangrijke keus. Het bepaald namelijk je ontwerp opties (ook voor langere termijn).
Daarnaast is er veel aanbod van thema’s die er leuk uitzien maar in werkelijkheid heel slecht in elkaar gezet zijn waardoor ze niet goed geschikt zijn voor de extra functionaliteiten (WordPress Plug-ins). Met name thema’s uit het buitenland richten zich met name op de populaire Amerikaanse plug-ins en veel minder op de kleinere markt van handige Nederlandse plug-ins.
Een WordPress thema maken kan heel lucratief zijn. Zo zijn er veel “cowboy” aanbieders die 1x een WordPress thema maken, veel geld verdienen en het thema maar 1x per jaar of zelfs nooit meer updaten. Dit zorgt voor veel veiligheidsrisico’s maar kan ook voor een zeer trage website zorgen.
Een WordPress thema op maat en los van het design is de beste oplossing voor een snelle en toekomst bestendige website. Bij OneTap hebben we een lichtgewicht WordPress thema gemaakt die geschikt is voor alle goed geschreven plug-ins, met name populaire Nederlandse plug-ins.
Tip 3: Plug-ins
Een andere manier om je website snelheid te optimaliseren is door niet te veel plug-ins te installeren. Vaak installeren webbouwers standaard een aantal plug-ins en gebruiken ze er maar een paar. Ook zien we vaak dat er meerdere plug-ins geïnstalleerd zijn die eigenlijk dezelfde functionaliteiten bevatten. Maar vaak kiest men dan de gratis versie van plug-in A en omdat men niet wil betalen voor de premium versie zoekt men een nieuwe gratis plug-in voor functionaliteit B. Gebruik alleen plug-ins die je echt nodig hebt en doe onderzoek naar goede complete plug-ins die zoveel mogelijk van de functionaliteiten in één plug-in aanbieden. Ook al moet je daar voor betalen. Test daarnaast de snelheid van een plug-in. Zo weet je precies welke invloed deze zal hebben op je website snelheid. Dit kan je vaak ook in het “waterval” overzicht van de snelheid tools zien.
Het kan ook wel is voorkomen dat plug-ins met elkaar in conflict raken. Daar gaat zeker je website snelheid van achteruit. Om hier achter te komen zal je de plug-ins veel moeten testen en ook moeten blijven testen. Want WordPress brengt veel updates uit die de code zo kunnen veranderen dat daarna bepaalde plug-ins niet meer goed met elkaar overweg kunnen.
Dit onderhoud aan je website is bijna een full-time baan, zoek dus altijd naar een partij die je daarbij kan helpen. OneTap doet dit standaard voor alle klanten en biedt daarnaast zelfs veel Populaire betaalde (premium) plug-ins kosteloos aan.
Tip 4: Afbeeldingen
Je wilt je website natuurlijk zo lichtgewicht mogelijk maken. En met grootte afbeeldingen kun je een website al snel een heel stuk trager maken. Daarom is het belangrijk om deze eerst te optimaliseren voordat je ze uploadt naar je website. Bij OneTap krijg je overigens een betaalde plug-in en onbeperkte data die dit voor je doet, geheel automatisch.
Een makkelijke manier om dit zelf te doen is:
- Bepaal de afmeting die je nodig hebt op je website. Wil je een kleine foto? Dan pas je je afmetingen aan. Vervolgens pas je in Adobe photoshop de kwaliteit en het formaat van de afbeeldingen aan.
- In veel fotobewerkingsprogramma’s kan je tijdens het opslaan van de foto de kwaliteit bepalen. Staat deze op 100% dan wordt de afbeelding groot, maar je kan ook proberen om dit op 70 of 80 procent te zetten. Vaak zie je dit verschil nauwelijks. Terwijl de grootte van de afbeelding veel minder wordt.
- Comprimeer de afbeeldingen met een gratis tool. Download de plug-in of bezoek hun website en laat hun tool het werk doen. Je zult qua kwaliteit niets merken, maar de afbeelding wordt opnieuw verkleint.
Nu is je afbeelding klaar om op de website te gebruiken. Bedenk ook dat mobiele telefoons en tablets vaak een klein formaat nodig hebben maar wel een hele hoge kwaliteit. Dit moet je goed testen, je wilt natuurlijk niet een snelle website die op mobiel niet van goede kwaliteit is.
Tip 5: Cache gebruiken
De laatste, maar hele belangrijke tip, om je website te versnellen is het gebruik van cache. Cache is een geheugen waaruit je zeer snel kan werken. Dit maakt het mogelijk om afbeeldingen en andere website content heel snel in te laden. Dit moet je echter wel goed inrichten. Er is cache op verschillende niveaus mogelijk. Zo kan je een cache plug-in gebruiken in WordPress. Maar denk ook aan cache op de server. Met deze instellingen kan je ook HTML, CSS en Javascript comprimeren en verkleinen. Een goede combinatie van een (premium) betaalde cache plug-in en de juist server cache instellingen zorgt voor een zeer snelle website.
Bij OneTap geven we alle klanten de betaalde plus versie van WP Rocket. Ook hebben we onze servers uitgerust met cache speciaal voor WordPress en WooCommerce. We leveren deze service en de wekelijkse updates aan iedere klant, zonder extra kosten.
