Snelheid van je website meten

Snelheid van je website meten

Je hebt de 8 tips om je website sneller te maken uitgevoerd en nu wil je zien wat de resultaten hiervan zijn.

Er zijn verschillende gratis tools om dit te meten:

  • Google Pagespeed Insight
  • Pingdom Tools
  • GT metrix
  • Webpagetest

Google Pagespeed Insight

Hiermee kun je de snelheid van je website op een Desktop of op een Mobiel testen.

Je krijg dan een resultaat te zien tussen de 0 en 100. 0-49 is slecht. 50-89 is gemiddeld en 90 of meer is goed.

Google Pagespeed geeft je een aantal tips om de snelheid van je website te verbeteren.  

Als je een score hebt van 49 op mobiel dan is dat dus slecht. Echter je moet wel een aantal zaken in ogenschouw nemen. Hoe de score tot stand komt is onduidelijk. Je zou in principe moeten kijken naar de webvitals en niet zo zeer naar de score. Alleen die criteria van de webvitals zijn wel erg hoog. Google past dit ook wel eens aan. Als je kijkt naar de laadtijd dan is een laadtijd van <1 sec goed, 1-3 sec gemiddeld en >3 seconden traag.

Daarbij komt dat Google voor de test voor mobiel gebruikt maakt van een configuratie van Motorola uit 2016 en een trage 4G verbinding. De huidige generaties mobiele telefoons zijn bijna 2 maal zo snel als de Motorola en op de meeste plaatsen is er een snelle 4G. Daarbij komt dat 5G in aankomst is en al op enkele plaatsen al beschikbaar.

Natuurlijk wil iedereen een snelle website, maar dan zou je zelf als Google moeten voldoen aan de criteria die je zelf opstelt. We deden een proef om de som. Zie hieronder het resultaat

 

Resultaat google

En jawel, ze voldoen zelf niet aan hun eigen criteria. Kortom, hun website is niet snel.

Ons advies is dus kijk niet zozeer naar deze scores, maar bekijk de tips die ze geven die zijn wel waardevol.

Pingdom tools

Hiermee kun je ook een laadtijd van je website bepalen, maar dan alleen voor de desktop. Je krijgt een score van 0-100 en ook tips om dit te verbeteren. Je kunt met de Pingdom tools alleen een beperkt aantal locaties kiezen. Verder krijg je een overzicht van de componenten van je website die worden geladen. Je ziet de volgorde waarin ze worden geladen en hoe lang dat duurt. Erg handig om te bepalen waar de schoen wringt.

GT Metrix

Qua functionaliteit is het ongeveer hetzelfde als bij Pingdom tools. Als je geen account aanmaakt kun je alleen Vancouver, Canada als locatie opgeven met als Chrome als browser.

Met een account zijn er meer mogelijkheden. Je kunt kiezen uit 7 verschillende locaties waaronder London en 2 browsers ( Chrome of Firefox). Daarnaast kun je kiezen welke connectie je wilt testen (breedband, 3G etc.).

Webpagetest

Dit is onze favoriet. De mogelijkheden zijn gewoonweg wat uitgebreider. Je kunt kiezen uit een heleboel locaties waaronder 2 in Amsterdam. Je kunt kiezen uit 3 browsers (Chrome, Firefox en Opera). Daarnaast kun je kiezen uit 13 connecties en een custom connectie.

Je kunt de test tot 9 keer toe laten draaien en dit opnemen op video.

Net zoals bij Pingdom tools and GT Metrix krijg je een waterval van de componenten van je website te zien. Daarnaast zijn er nog veel meer mogelijkheden die je kunt bekijken om je site te versnellen.

Conclusie:

Je hebt een website laten bouwen of je hebt zelf een website gebouwd. De snelheid van de website is zeer belangrijk. Je kunt dus gebruik maken van verschillende tools om je website te analyseren, zodat je uiteindelijk de snelheid van de website kunt verbeteren. Welke tool je wilt gebruiken is aan jou. Focus je echter niet alleen op de cijfers die sommige tools aangeven, maar gebruik de tips die gegeven worden en/of analyseer waar de pijnpunten zitten en los deze op.

 

8 Tips om je wordpress website te versnellen

8 Tips om je wordpress website te versnellen

Volgens Google zal een bezoeker een website verlaten als deze langer laadt dan 3 seconden. Als een website er lang over doet om te laden, zal dit ook een effect hebben op de ranking van de website, omdat zoekmachines willen dat bezoekers snel de website kunnen bezoeken. Dus zorg voor een snelle websitie.

Hieronder een aantal tips om je WordPress website te versnellen.

  • Installeer een caching plugin
  • Kies de juiste webhosting provider
  • Verwijderen onnodige plugins
  • Afbeeldingen verkleinen
  • Beperk het gebruik van Social Media buttons
  • Een Content delivery network (CDN) gebruiken
  • Zorg dat je website up to date is.
  • Maak gebruik van de meest recente stabiele PHP versie

 

Installeer een caching plugin

Het beste resultaat om de snelheid van je website te verhogen is het installeren van een caching plugin. Er zijn gratis plugins, maar ook betaalde plugins. Enkele bekende plugins zijn:

  • WP Fastest Cache (gratis en betaalde versie)
  • W3 Total Cache (gratis)
  • Autoptimize (gratis en betaalde addons)
  • WP Rocket (betaald)
  • WP Optimize (gratis)
  • WP Super Cache (gratis)

Wat de meeste plugins doen is:

  • Het minimaliseren van CSS en HTML bestanden
  • Browser caching
  • Lazy loading
  • CDN ondersteuning bieden

 

Kies de juiste hosting provider

Een goede hosting provider is essentieel om een snelle website te krijgen. Je kunt van alles optimaliseren, maar als je provider langzame servers heeft, dan blijft je website traag. Veelal zijn dit hosting providers die goedkope webhosting pakketten aanbieden. Hosting providers met duurdere pakketten hebben meestal de beschikking over snellere hardware en gebruiken state of the art oplossingen. E.e.a. is uiteraard afhankelijk van je budget, maar als het enigszins kan, kies voor een hosting provider met snelle servers.  Ook als je een website laat maken bij een bureau, waarbij de hosting wordt geregeld door dat bureau, informeer bij welk hosting provider zij de diensten afnemen of check de specificaties van de hosting als zij zelf servers hosten.

 

Verwijder onnodige plugins

Sommige WordPress websites hebben veel plugins geïnstalleerd. Vaak zijn er plugins die niet meer gebruikt worden. Verwijder deze plugins, want ze worden nog steeds mee geladen en zorgen ervoor dat de website trager wordt. Als je plugins wilt gebruikt, leg dan je focus op plugins van hoge kwaliteit. Niet alleen zal dit zorgen voor minder conflicten met andere plugins, maar het komt ook de snelheid van de website ten goede.

 

Afbeeldingen verkleinen

Afbeeldingen in niet geoptimaliseerd zijn, zorgen ervoor dat de website trager wordt. Er zijn verschillende plugins, waaronder WP Smush, die afbeeldingen kunnen verkleinen, zonder zichtbaar verlies van kwaliteit. Het is dan ook logisch dat een afbeelding van 200kb sneller laadt dan een afbeelding van 2MB. Bij sommige caching plugins heb je ook de mogelijkheid om afbeeldingen automatisch te laten verkleinen.

 

Gebruik van Social Sharing knoppen minimaliseren

Veel mensen denken dat het tonen van Social Sharing knoppen op iedere pagina op je website ervoor zorgt dat je veel meer bezoekers gaat krijgen. Dat klopt niet! Het zorgt niet voor veel meer verkeer op je website, maar het zorgt er wel voor dat de website trager wordt. Moet je dan geen Social Sharing knoppen gebruiken?  Ja, maar gebruik ze met mate, dus bijvoorbeeld alleen bij berichten.

 

Content Delivery Network CDN gebruiken

De locatie van jouw server heeft een directe invloed op de snelheid van je website. Als je business in Nederland is en de server staat in Duitsland of in de Verenigde Staten, dan zou je willen dat gebruiker die in Nederland op je website komt, dat de content op basis van de locatie wordt aangeboden om de snelheid te verhogen. Om dit te bereiken is het verstandig om een CDN te gebruiken. Wat is een CDN? CDN is de afkorting van Content Delivery Network. Het is een netwerk van servers die geografisch verspreid zijn over het internet in verschillende datacenters. Er zijn veel CDN-providers. Wij gebruiken Cloudfare als CDN. Niet alleen zorgt het voor versnelling van de website, maar Cloudfare biedt ook een extra beveiliging voor de website.

 

Alles up-to-date houden

Zorg ervoor dat je de plugins en WordPress versies up-to-date houdt. Naast het veiligheidsaspect, zorg het er ook voor dat door optimalisaties en verbeteringen de website sneller wordt.

 

Maak gebruik van de meest recente stabiele PHP versie

PHP staat voor Hypertext Preprocessor’. Het is een scripttaal waarmee je dynamische webpagina’s kunt bouwen. WordPress maakt gebruikt PHP. Nieuwe versies van PHP worden beter (beveiliging) en sneller. Vooral het verschil tussen PHP 5.6 en PHP 7.3. is erg groot qua snelheid. Je kunt meestal je PHP versie aanpassen in je Control Panel (CPanel). Eind december staat PHP8 op de planning, dus wij zijn benieuwd wat voor impact dit gaat hebben op de snelheid van onze website.

Website beveiligen

Website beveiligen

Een website beveiligen is zeer belangrijk. Niet alleen voor jezelf, maar ook voor de bezoeker. Het begint steeds meer op te vallen wanneer een website niet beveiligd is. De browsers zoals Chrome, Firefox, Edge, Safari etc. waarschuwen je voor een niet beveiligde site. Elke browser geeft dit op een andere manier weer. Hieronder een voorbeeld hoe dit eruit ziet in Chrome.

website beveiligen

Daarnaast kun je extra informatie verkrijgen over de consequenties van een niet beveiligde website. In feite gaat het erom dat de gegevensuitwisseling tussen de bezoeker en de website niet wordt versleuteld, waardoor dit een prooi kan zijn voor hackers. Zeker als je met gevoelige gegevens gaat werken. 

Extra informatie geen SSL certificaat

SSL certificaat

In dit geval kun je het oplossen door een SSL certificaat te installeren. SSL staat voor Secure Sockets Layer en is een protocol voor het realiseren van een versleutelde verbinding tussen een (web)server en een browser zoals Chrome, Firefox etc.

De URL wordt dan veranderd van http naar https. De s is van secure.

De website beveiligen heeft ook impact op de bezoeker. Het straalt geen vertrouwen uit dat een website niet is beveiligd en de kans is groot dat de bezoeker snel de website verlaat.

Wat ook nog wel eens gebeurt is dat de website wel beveiligd is, maar dat het SSL certificaat is verlopen en dan krijg je een melding. Die is soms wat heftiger, want dan wordt er aangegeven dat de website zich voordoet als veilig, maar dat dit niet het geval is. “Betreden is dan op eigen risico”. In 9 van de 10 gevallen zal een bezoeker de website niet bezoeken.

Het is dus belangrijk dat de website wordt beveiligd met een SSL certificaat. Er zijn verschillende SSL certificaten. Er is een gratis certificaat Let’s Encrypt, maar er zijn ook betaalde SSL certificaten. 

Wat is dan het verschil tussen die certificaten?  In ieder geval is dat niet de encryptie, want die is nagenoeg gelijk. Het heeft meer te maken met een uitgebreidere controle.  Je hebt drie soorten SSL certificaten. Het verschil zit in de manier van validatie.

Soorten SSL certificaten

Domain Validation (DV) Dit is een validatie, waarbij alleen controleert wordt via domeingegevens of je als aanvrager van een SSL-certificaat ook de werkelijk eigenaar van het domein bent. (Let’s Encrypt)

Organization Validation (OV). Naast de domeinvalidatie worden ook de bedrijfsgegevens gecontroleerd en opgenomen in het SSL certificaat. Als op de extra informatie bij het SSL certificaat klikt, zie je de bedrijfsgegevens.

Extended Validation (EV) Deze validatie gaat weer een stap verder dan bij OV. Hierbij worden de bedrijfsgegevens uitgebreider gecontroleerd. Je ziet dat doordat de naam van de organisatie verschijnt in de URL.

Bij OV en EV zal het langer duren voordat het SSL certificaat wordt verstrekt, vanwege de extra controles.

Voordelen van een SSL certificaat

Naast dat het geen vertrouwen richting de bezoeker uitstraalt als er geen SSL certificaat is geïnstalleerd, moet er ook voldaan worden aan de wetgeving in dit geval de AVG. De AVG stelt dat er maatregelen getroffen moeten worden om de website te beveilgen.

Een SSL certificaat zou ook een positief effect hebben op de ranking van de website bij zoekmachines (Google). We kunnen dit niet echt controleren, maar het is in ieder geval geen punt waar je op scoort.

Overige website beveiligingen

Naast het SSL certificaat zal de website ook verder beveiligd moeten worden tegen onder andere het inloggen op een CMS als WordPress. Wij gebruiken hiervoor de plugin Wordfence. Deze plugin biedt veel mogelijkheden qua beveiliging en ondersteunt ook Two-Factor Authentication (2FA). Als iemand weet in te loggen via gebruikersnaam en wachtwoord, dan moet hij/zij ook nog een code invullen om toegang te krijgen tot het systeem.

Om verder nog formulieren te beveiligen tegen spam, zijn er plugins, betaald en gratis, die dit grotendeels kunnen afvangen.

Daarnaast kan er ook nog gebruik worden gemaakt van een Captcha. Captcha is de afkorting van Completely Automated Public Turing test to tell Computers and Humans Apart. In feite zorg je ervoor dat het moeilijker wordt voor programma’s (bots) om een formulier met spam te versturen, omdat er een aparte handeling moet worden verricht die nauwelijks kan worden geprogrammeerd. Er zijn verschillende soorten Captcha’s zoals tekst Captcha’s, beeld Captcha’s, audio Captcha’s, Logica Captcha’s en reken Captcha’s. Ook voor Captha’s bestaan er plugins.

Conclusie

Als je dus een website laat bouwen, zorg er dus in ieder geval voor dat de website goed beveiligd is.

 

 

Professionele website laten maken

Professionele website laten maken

Een professionele website laten maken is tegenwoordig een van de marketingactiviteiten van je bedrijf. Je wilt tenslotte gezien worden op het internet. Er zijn heel veel aanbieder die websites bouwen en de verschillen zijn groot. We hebben een stappenplan gemaakt die je helpt de juiste keuze maken. Tevens geven we een aantal tips om de website er professioneel uit te laten zien.

Stap 0: Hosting en domeinnaam

Voordat je een website laat maken, zorg in ieder geval voor een goede hostingprovider. Hierbij is vooral de service en de snelheid belangrijk. Uiteraard speelt de prijs ook een rol, maar goedkoop is meestal duurkoop.

Een goede domeinnaam is uiteraard ook van belang. Het kan soms lastig zijn om een goede domeinnaam te vinden. Ga hierbij niet overhaast te werk. Normaal gesproken ga je niet constant wisselen met domeinnamen.

Stap 1:  doel bepalen

Bij het maken van een professionele website dient altijd het doel van de website voorop gesteld te worden, dus wat wil iemand of een organisatie bereiken met de website. De meeste kleine organisaties zullen antwoorden dat ze meer potentiele klanten willen bereiken. Maar er is ook ander doel zoals een online zichtbaar voor klanten. Een voorbeeld is een website die we gemaakt hebben voor de Pannenkoekenboot te Dessel. Die website is niet bedoeld om meer potentiele klanten te trekken, het loopt toch al goed, maar meer om de klanten te informeren over de openingstijden, de menukaart en de mogelijkheid om te reserveren. Indirect levert het echter wel meer klanten op.

Als het doel is om meer potentiele klanten te bereiken, zal er in de meeste gevallen een SEO onderzoek worden gedaan. In bepaalde gevallen zal ook een concurrentieanalyse worden uitgevoerd. Met de resultaten uit het SEO onderzoek en de analyse van de concurrenten wordt een strategie bedacht, waarbij voornamelijk gekeken wordt naar welke zoekwoorden de meeste kans van slagen hebben om hoog in de ranking van Google of een andere zoekmachine te komen.

Op zich een goede aanpak, alleen let er dan vooral op dat de zoekwoorden ook vaak gezocht worden. Als een zoekwoord gemiddeld slechts 1 tot 10 keer per maand wordt gezocht, zal de conversie niet echt hoog zijn. Als het onderzoek goed is uitgevoerd wordt er ook gekeken naar de concurrentie op het zoekwoord. Is deze laag, gemiddeld of hoog. Met een hoge concurrentie zal het zeer moeilijk worden om een hoge positie te behalen. Het meest ideale is om een zoekwoord te vinden dat een hoge zoekvolume heeft en een lage concurrentie. Ook dan heb je nog geen garantie dat je op de eerste plaats komt te staan in Google of een andere zoekmachine. Er zijn namelijk nog veel meer factoren die hierbij een rol spelen, waaronder linkbuilding.

 

Stap 2: vormgeving en navigatie

Vormgeving en navigatie. Hierbij gaat het om de navigatiestructuur en welke kleuren het beste passen bij de uitstraling van het bedrijf en de indeling van de verschillende pagina’s. Denk hierbij aan

  • Teksten
  • Afbeeldingen
  • Video’s
  • Buttons
  • Contactformulieren
  • Tellers
  • Tabellen

Ook de navigatie tussen pagina’s is zeer belangrijk. Dit is niet alleen belangrijk voor de bezoeker, maar ook voor zoekmachines (interne linkbuilding). Soms wordt dit visueel vastgelegd. Bespreek dit uitgebreid met de aanbieder.

Tip 1: Schrijf duidelijke teksten voor je bezoekers en niet alleen voor de zoekmachines!

Tip 2: Kijk goed naar de kleuren die je gebruikt op de website. Dit moet aansluiten bij wat je wilt uitstralen. Een mooi hulpmiddel is Colorcombos. Daar kun je zien welke kleuren bijelkaar passen.

Tip 3: Gebruik afbeeldingen van hoge kwaliteit. Het liefst foto’s die je zelf hebt gemaakt.

Tip 4: Zorg voor een duidelijke navigatie. We leven in een snelle wereld en de bezoeker wil snel zijn of haar informatie vinden. Als de navigatie niet duidelijk is, dan komt dit onprofessioneel over.

Stap 3: bouwen van de website

Als een website wordt gemaakt met een CMS als WordPress, dan heb je te maken met een thema of template. Afhankelijk van het thema kun je zaken aanpassen, zoals bijvoorbeeld de kleuren, de indeling van de pagina’s, de navigatiestructuur, de headers en de footers.

Hier zie je veel verschillen tussen de aanbieders die websites maken. Grofweg kun je ze indelen in de volgende groepen: 

  • Per doelgroep, bijvoorbeeld kappers, heb je een thema dat meestal zeer beperkt aangepast is. Het lijkt dan ook veel op elkaar
  • Je kunt kiezen uit verschillende thema’s die beperkt aanpasbaar zijn.
  • Er is een keuze uit verschillende thema’s die uitgebreid aanpasbaar zijn
  • Er wordt gebruik gemaakt van één thema dat volledig aanpasbaar is, waardoor je een unieke website krijgt.

Wat verder opvalt zijn de verschillen in aanpak. Sommige aanbieders richten zich op snelheid. De website is binnen een week klaar. Lijkt ons erg moeilijk, want de ervaring leert dat het aanleveren van teksten en media toch wel wat tijd in beslag neemt bij de klant. Vooral bij startende ondernemingen is dit lastig.  Andere aanbieders proberen meer om de klant te ondersteunen en mee te denken. Hierbij zijn de contactmomenten met de klant uiteraard hoger dan bij de eerstgenoemde aanbieders.

Zorg in ieder geval ervoor dat je WordPress website goed wordt beveiligd. Je hebt hele goede plugins waarbij dit geregeld kan worden. De bekendste is Wordfence. Je hebt hiervan een gratis versie en een betaalde variant.

Tip 5: Zorg dat de website consistent wordt gemaakt qua kleuren, afbeeldingen etc.

Tip 6: Kijk goed naar de typologie. Naast de kleuren zullen de fonts/lettertypes ook een impact hebben op de look en feel van de website.

Tip 7: De website moet responsive worden opgeleverd. De website moet ook er ook goed uitzien op een tablet of een telefoon.

Tip 8: Houd het simpel. Zorg dat de bezoeker niet wordt afgeleid door te veel social media button te gebruiken of door veel pop-ups te gebruiken.

Tip 9: Als je WordPress gebruikt, beperk het aantal plugins. Te veel plugins hebben een negatief effect op de snelheid van de website. Ook is het risico aanwezig dat de plugin “elkaar in de weg zitten”, waardoor er problemen ontstaan met de werking van de website.

Stap 4:  oplevering en nazorg

Bij een professionele website laten maken wordt er door aanbieders nauwelijks gesproken over oplevering en nazorg. Dat wil overigens niet zeggen dat er niets aan wordt gedaan, maar het wordt niet expliciet genoemd.  Voor ons is het een belangrijke stap die genomen wordt. De website zal toch uitgebreid getest moeten worden voordat het live gezet wordt. Bij het live zetten zullen toch ook zaken geregeld moeten worden zoals het als aanmaken e-mailaccounts en toegang geven tot de server. Bij een migratie van de ene provider naar de andere provider, zal ook archivering van de huidige e-mailadressen gedaan moeten worden. Daarnaast dient er ook een uitleg te worden gegeven over het thema.

 

Stap 5: onderhoud

De website moet je onderhouden, net zoals je auto of fiets. Gelukkig kun je dit met een CMS als WordPress zelf doen. Wat moet er gedaan worden:

Must

  • Updates installeren van je thema, plugins en CMS. Van cruciaal belang voor de veiligheid van je website

Should

  • Nieuwe webpagina’s toevoegen
  • Na verloop van tijd de teksten aanpassen. Denk ook eens aan openingstijden die veranderen.
  • Blogs schrijven (vooral goed voor SEO), dus meer bezoekers
  • Linkbuilding om nog hoger te scoren in Google

 

 

Wat zijn de kosten voor het maken van een professionele website?

Deze vraag is moeilijk te beantwoorden, want het is afhankelijk van de functionaliteiten die gewenst zijn, welke mogelijkheden je hebt met het aanpassen van het thema en het CMS dat gebruikt wordt. Stel je wil een WordPress website met standaard functionaliteiten, dan zal je ongeveer tussen 500 en 1000 euro kwijt zijn. Een WordPress website met meer functionaliteiten, zal tussen de 1000 en 3000 euro kosten.

De verschillen zijn groot en het is dus belangrijk om verschillende offertes op te vragen.

Let er dan wel op dat je geen appels met peren gaat vergelijken.

 

Kosten website

Onderhoudskosten bij het laten maken van een professionele website

Houd ook de onderhoudskosten in de gaten, als je het onderhoud wilt uitbesteden. Hier zitten grote verschillen in en er worden verschillende modellen gehanteerd.

Grofweg kun je ze onderverdelen in de volgende modellen:

  1. Je betaalt de website en sluit een onderhoudscontract af.
  2. Je betaalt in termijnen voor de bouw van de website en sluit een onderhoudscontract af
  3. Je betaalt in termijnen voor de bouw van de website en onderhoud

We hebben wat onderzoek gedaan met betrekking tot het derde model en het blijkt dat sommige webbouwers een bedrag rekenen tussen de 500 – 600 euro per jaar voor een eenvoudige website inclusief onderhoud. Dat bedrag moet dus ieder jaar worden betaald! We hebben zelf meegemaakt dat er aanbieders zijn die 400 euro per maand rekenen. Dit zijn in onze ogen absurde bedragen, want wat doe je dan voor die 400 euro?

Zorg ervoor dat als je het onderhoud gaat uitbesteden het helder is wat er gedaan wordt voor het bedrag dat je per maand, kwartaal of jaar moet betalen.

Pin It on Pinterest