Laadtijd website verbeteren

10 tips laadtijd website verbeteren

1. Optimaliseer het formaat en de indeling van afbeeldingen

De afbeeldingen op je site kunnen veel ruimte in beslag nemen. Dit heeft invloed op de laadtijd van pagina’s. Je kunt niet volstaan met het verkleinen van jouw afbeeldingen in HTML. Want dat heeft enkel effect op de weergave en niet op de daadwerkelijke bestandsgrootte. Gebruik daarom een extern bewerkingsprogramma om de afbeeldingen te verkleinen. Wij gebruiken Photoshop en zetten ze om in 72dpi.

Wij adviseren daarnaast optimalisatie-tools te gebruiken. Hiermee kun je afbeeldingen nog meer comprimeren, waardoor ze nog kleiner worden:

1. SuperGIF
2. JPEG & PNG Stripper
3. Smush.it
4. Online Image Optimizer

Voor een optimalere laadtijd kun je het beste de standaardindelingen voor afbeeldingen gebruiken als JPG, PNG en GIF.

2. Optimalisatie plug-ins en CMS

Plug-ins: Als een website gebruik maakt van plug-ins dan kan dit de pagina laadtijd vertragen. Niet alle plug-ins hebben toegevoegde waarde. Plug-ins voor delen op Social Media zijn tegenwoordig bijvoorbeeld wel een must-have voor iedere site. Maar misschien is er een beter alternatief voor de plug-in. Zoals een CMS met ingebouwde plug-ins voor Social Media.

Trackingscripts: Het is aan te raden statistieken over het websiteverkeer bij te houden. Maar het wordt niet aangeraden om hiervoor meerdere trackingprogramma’s te gebruiken. Ook dit kan de pagina laadtijd vertragen. Als je bijvoorbeeld gebruik maakt van WordPress laat dan WP stats of Google Analytics scripts uitvoeren op jouw pagina. Let op: niet allebei.

CMS-software: Als je WordPress gebruikt, is het aan te raden om regelmatig te controleren of er updates van de software zijn. Maar pas op! Laad dit niet op een live website. Test upgrades bij voorkeur op een aparte server. Door software up-to-date te houden, verbeter je de snelheid van jouw website.

3. Vermijden van inline JS- en CSS-bestanden

Plaats de JS en CSS van jouw website in externe bestanden. Tijdens het laden van de pagina plaatst de browser deze bestanden in een externe cache. Dit verlaagt bij volgende bezoeken van de pagina de pagina laadtijd. Bovendien kun je de site makkelijker onderhouden met externe JS- en CSS-bestanden.

4. Optimaliseren caching

Iedere keer als een bezoeker een website laadt worden de afbeeldingen (CSS- en JAVA-bestanden) van een pagina ook geladen. Dit kan aanzienlijke tijd in beslag nemen. Als de caching goed is geconfigureerd dan slaat de browser deze bronnen/bestanden op voor volgend bezoek. Als de pagina dan opnieuw wordt bezocht kunnen de bestanden uit de cache worden opgeroepen. Daarom hoeven ze niet helemaal opnieuw te worden gedownload via het netwerk. Ook dit verlaagt bandbreedte en eventueel hostingkosten.

Je kunt expires-headers gebruiken voor statische onderdelen van de site. En voor dynamische onderdelen cache-control-headers. Hierdoor worden de verschillende onderdelen van een site, waaronder afbeeldingen, stylesheets, scripts en flash, cachebaar. Dit vermindert weer het aantal http-requests. Dit zorgt ervoor dat de pagina laadtijd wordt verbeterd. Met expires-headers kun je bepalen hoe lang onderdelen van een pagina in de cache blijven.

Als je een Apache-server gebruikt, kun je de cachetijd instellen met de ExpiresDefaults-directive. Hiermee stel je de vervaldatum in op een bepaald aantal jaar na het moment van instellen.

5. Vermijden van renderblocking-scripts

Plaats javascript-bestanden onderaan in de hoofdtekst. Of gebruik het attribuut async om ze a-synchroon te laten laden.

6. Vermijd re-directs zoveel mogelijk

Door re-directs te vermijden verbeter je de weergavesnelheid. Sommige re-directs zijn onvermijdelijk en essentieel. Onthoud wel dat dit een extra HTTP vereist. Met als gevolg dat de pagina laadtijd langer wordt. Controleer op niet-werkende links en corrigeer deze direct.

7. Gebruiken van G-Zip-codering

Net zoals je zware bestanden op een computer kunt zippen/comprimeren om de bestandsgrootte te verminderen voor online bestandsoverdracht, kun je ook zware bestanden op jouw website zippen. Ook dit bespaart bandbreedte en downloadtijd en verhoogt de pagina laadsnelheid. Configureer wel de server zodanig dat deze de gezipte inhoud retourneert.

8. Verminderen HTTP-aanvragen

Gebruik CSS Sprites om de hoeveelheid afbeeldingsaanvragen te verlagen. Combineer achtergrondafbeeldingen. Dit kun je doen middels één afbeelding met de CSS-elementen background-image en background-position. Combineer inline afbeeldingen in jouw (gecachete) stylesheets. En combineer ook alle javascript-bestanden in één bestand. Evenals al uw CSS-bestanden.

9. Minificatie van JavaScript en CSS

Minificatie (verkleinen) is een proces waarbij de code wordt gecomprimeerd. Dit gebeurt middels variabelen te hernoemen met korte(re) namen. Hierdoor wordt de code en vervolgens ook de laadtijd korter. We raden aan om hiervoor UglifyJS te gebruiken.

10. Verminder de grootte van cookies

Cookies worden gebruikt om gegevens op te slaan. Gegevens die bewaard moeten blijven voor nieuwe/herhaalde aanvragen. De gegevens worden bij iedere aanvraag verzonden en kan veel invloed hebben op de laadtijd. Door cookies te verkleinen verlaag je dus de omvang van gegevens die worden doorgestuurd en de pagina laadtijd. Elimineer onnodige cookies of verklein de cookies.

Laadtijd website verbeteren eenvoudig?

Of het verbeteren van de laadtijd van jouw website eenvoudig is hangt mede af van jouw kennis en ervaring. Een hoop van bovenstaande tips zijn met name technisch. Als dit niet jouw expertise is dan is een samenwerking met 2xCeed de oplossing. Kortom, wil je snelheid op jouw website maar ook in de uitvoering? Dan ben je bij 2xCeed aan het juiste adres.

Samenvattend: snelheid van jouw website is belangrijk. Maar de snel veranderende regelgeving van Google maakt dat snel handelen regelmatig ook vereist is. Wij informeren onze klanten pro-actief zodat zij voldoen aan de eisen die gesteld worden aan de website. Als je wilt weten hoe het met jouw website gesteld is dan voeren wij graag een test uit. Dit geeft inzicht.

Meer weten over laadtijd website verbeteren?

Wil jij weten hoe wij jou kunnen helpen met het verbeteren van de laadtijd van jouw website? Neem dan contact met ons op via het contactformulier  of bel 085 – 483 11 11