Versnel je website: optimaliseer laadtijden, verklein bestanden en verbeter de gebruikerservaring voor betere SEO en conversies.
Thomas Haurum
Is er iets frustrerender dan terechtkomen op een tergend trage website als gebruiker? Nee, waarschijnlijk niet.
Onze geduld is beperkt wanneer we online naar informatie of producten zoeken. Als een site traag laadt, klikken we gewoon door naar de volgende.
Slechte snelheid brengt alleen maar problemen. Het creëert een slechte ervaring voor de gebruiker en daardoor ook voor jou als website-eigenaar. Je loopt kans bestellingen mis te lopen, en Google ziet dat bezoekers je site snel verlaten.
Hoe voorkom je deze situatie? Door meer nadruk te leggen op snelheidsoptimalisatie.
Snelheidsoptimalisatie is een complexe discipline die zowel theoretische kennis als technische expertise vereist. Maar waarom is hier juist nu zoveel aandacht voor?
Sinds Google haar algoritme aanpast voor betere gebruikerservaring, krijgt snelheid een steeds belangrijkere rol. Onlangs kondigde Google aan dat de snelheid van je website nu een directe rankingfactor is. Word je gestraft als je je sitesnelheid negeert? – Alles wijst op ja.
Snelheid is niet alleen belangrijk voor Google; het heeft een directe impact op je bezoekers. Uit onderzoek blijkt dat je gebruikers al in de eerste seconde wint of verliest. Bij een site met meer dan één seconde wachttijd kunnen minstens deze gevolgen optreden:
Kortom: laadsnelheid beïnvloedt de gebruikservaring, je conversieratio én je omzet.
Met andere woorden: geen excuses meer. Steek de handen uit de mouwen en doe iets aan je snelheid! Het is een must als je online succesvol wilt zijn.
In deze post deel ik de belangrijkste quick wins die zorgen voor een snelle site.
Begin met bepalen hoe goed je website nu presteert. Er zijn veel tools die je site analyseren en aanwijzen waar verbetering mogelijk is. Zelf gebruik ik graag GTmetrix. Deze tool is gratis, uitgebreid en super gebruiksvriendelijk. De interface spreekt voor zich en geeft je site een score van 1-100. Daarnaast krijg je ook een score per parameter, zodat je exact weet waar de knelpunten zitten.
Hoe je optimaliseert, hangt af van de opbouw van je website en je technische kennis. De meeste open-source CMS’en bieden via plugins genoeg mogelijkheden om zelf te optimaliseren en besparen je zo een developer.
Is je website vergelijkbaar met de meeste andere? Dan zijn er klassieke verbeterpunten waarmee je meteen aan de slag kunt. Hieronder staan ze op een rij.
Plugins zijn handig en kunnen functionaliteit toevoegen. Maar! Veel plugins zijn de grootste boosdoeners qua snelheid. Hoe meer plugins, hoe meer bestanden je site opvraagt. Moet je browser constant tussen bestanden switchen, dan vertraagt alles. Ook de kwaliteit van plugins tel je mee: slecht gecodeerde of gecomprimeerde plugins zijn langzamer en een groot veiligheidsrisico. Slechte plugins kunnen je website zelfs platleggen.
Mijn advies: kies zorgvuldig. Installeer alleen plugins die echt waarde opleveren en laat ‘leuke’ extra’s achterwege.
Altijd afbeeldingen comprimeren is cruciaal. Let op twee dingen: bijsnijden (hoogte/breedte) en compressie (KB/MB). Combineer deze aanpakken.
Bijsnijden
Waar komt de afbeelding? Voor een grote slider moet het formaat passen. Weet je niet welk formaat nodig is? Doe dit:
Nu zie je de werkelijke grootte van de afbeelding én de grootte waarin hij op je site getoond wordt (screenshot invoegen).
Nu weet je exact naar welk formaat je moet verkleinen.
Compressie
Veel mensen vrezen kwaliteitsverlies, want producten moeten mooi gepresenteerd worden. Begrijpelijk. Maar je kunt zonder zichtbaar verlies bestanden comprimeren. Minder bytes, dezelfde beeldkwaliteit. Dit kan met lossless of lossy compressie. Je reduceert het aantal kleuren en bespaart zo bytes. Visueel zie je nauwelijks verschil, de bestandsgrootte daalt flink.
Werk je met WordPress, gebruik dan de plugin Smush Image Compression and Optimization – die comprimeert automatisch bij uploaden. Geen WordPress? Gebruik TinyPNG.com voor upload.
Elke keer dat je naar een bestand verwijst, stuurt de browser een request naar de server, en dat geeft vertraging – slecht voor je snelheid.
Voorbeeld
Je hebt 5 jaar een webshop en kreeg allerlei tips voor tools die je inzicht geven of conversie verhogen: MailChimp, SleekNote, Pixels, Analytics, Hotjar, CrazyEgg, Facebook Messenger Plugin, LinkedIn Conversion Tracking… Plus je gebruikt drie lettertypes, meerdere gewichten, én een apart font voor reviews. Als klap op de vuurpijl verwijs je naar 17 JavaScript-bestanden met allemaal hun eigen effect. Want design is belangrijk, toch?
Goede redenen, jazeker. Maar je sitesnelheid betaalt de prijs.
Herzie en prioriteer welke requests je maakt
Zijn al die verschillende fonts écht nodig? Gebruik je LinkedIn Conversion Tracker überhaupt? Verwijder alles wat je zelden gebruikt of wat geen waarde brengt.
Combineer je CSS- en JavaScript-bestanden
In plaats van vijf losse JavaScript-bestanden kun je alles samenvoegen. Laat je developer dit doen of installeer een plugin. Voor WordPress-webshops raad ik Autoptimize aan.
Misschien heb je wel eens van cache gehoord, maar wat doet het? Simpel: het is lokaal geheugen voor data van eerder bezochte websites. De eerste keer dat je wemarket-digital.be bezoekt, laadt je browser alles via de server (JS, CSS, HTML). De tweede keer haalt je browser de data lokaal op: veel sneller.
Heb je nog geen cache-oplossing? Niet erg, bijna alle CMS’en bieden hier plugins voor.
Veel mensen weten het niet, maar je PHP-versie beïnvloedt de snelheid flink. Dit stel je in via je hostingprovider (Unoeuro, One.com, SurfTown).
Meestal kun je kiezen van PHP 5.0 tot 7.4.
Tip: update naar de nieuwste versie, maar hou rekening met het effect op je website. Overleg desnoods met je developer.
Laat je developer je PHP-versie updaten en helpen met deze quick wins – jij én je bezoekers profiteren ervan.
Andere relevante artikelen:
Google introduceert betere opties voor split testing
Waarom is Google volledig overgestapt op Mobile First?
WeMarket heeft veel ervaring met het ontwerpen van nieuwe websites – lees meer hier.
Bij WeMarket bieden we bedrijven een benchmarkrapport aan dat hun marketinginspanningen vergelijkt met die van hun belangrijkste concurrenten.
Jij beslist welke concurrenten we moeten vergelijken.Wij zijn gespecialiseerd in het online verkopen van fysieke goederen en het laten groeien van webshops – en nu kan je profiteren van deze expertise, zelfs als je nog geen klant bent.Het is volledig gratis.
