De laadsnelheid van webpagina 's is een cruciale factor voor de gebruiksvriendelijkheid van een website. Google ziet de paginalaadtijd als één van de 200 rankingfactoren die de positie van een website in organische zoekresultaten bepalen, en een hoge laadsnelheid is absoluut goed voor de gebruikerservaring. U bent niet de enige met een website op uw gebied, dus u moet steeds harder strijden om mensen naar uw site te leiden en indruk op ze te maken met uitgebreide gebruiksvriendelijkheid. Als uw website traag laadt, is de kans groot dat u in geen tijd bezoekers verliest aan de concurrentie.
Hier zijn 10 snelle tips om de laadtijd van uw website te verbeteren:
1. Optimaliseer de grootte en de indeling van afbeeldingen
De afbeeldingen op uw site kunnen veel bandbreedte in beslag nemen, wat invloed heeft op de laadtijd van pagina 's. Het volstaat niet om uw afbeeldingen in HTML te verkleinen, want dat heeft alleen effect op de weergave ervan en niet op de werkelijke bestandsgrootte. Gebruikt een extern bewerkingsprogramma om de afbeeldingen te verkleinen,
zoals Photoshop en zet ze om in 72dpi.
Gebruik daarnaast optimalisatietools waarmee u afbeeldingen nog meer kunt comprimeren, waardoor ze nog kleiner worden:
- JPEG & PNG Stripper
- Smush.it
- Online Image Optimizer
- SuperGIF
Voor een optimale laadtijd van uw pagina kunt u het beste de standaardindelingen voor afbeeldingen gebruiken, zoals JPG, PNG en GIF.
2. Optimaliseer afhankelijkheden
Plug-ins: Als een website gebruik maakt van plug-ins, kan dat de paginalaadtijd vertragen. Niet alle plug-ins zijn overbodig; plug-ins voor delen op sociale media zijn tegenwoordig bijvoorbeeld 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 sociale media.
Trackingscripts: Het is verstandig om statistieken over uw websiteverkeer bij te houden, maar het wordt niet aangeraden om hiervoor meerdere trackingprogramma 's te gebruiken, want dat kan de paginalaadtijd vertragen. Als u een CMS zoals Wordpress gebruikt, laat dan WP stats of Google Analytics scripts uitvoeren op uw pagina, maar niet allebei.
CMS-software: Als u een CMS zoals Wordpress gebruikt, is het aan te raden om regelmatig te controleren of er updates van de software zijn, maar laad die niet op een live website. Test upgrades eerst op een aparte server. Door uw software up-to-date houden, verbetert u de snelheid van uw website.
3. Vermijd inline JS- en CSS-bestanden
Plaats de JS en CSS van uw website in externe bestanden. Bij het laden van de pagina plaatst de browser deze bestanden in een externe cache, wat bij volgende aanvragen van de pagina de paginalaadtijd verlaagt. Bovendien kunt u de site gemakkelijker onderhouden met externe JS- en CSS-bestanden.
4. Optimaliseer caching
Iedere keer dat een bezoeker een website laadt, worden de afbeeldingsbestanden, CSS- en JAVA-bestanden van uw webpagina ook geladen, wat aanzienlijke tijd in beslag kan nemen. Als de caching goed is geconfigureerd, kan uw browser deze bronnen of bestanden opslaan voor volgende aanvragen van de pagina. Als de pagina opnieuw wordt bezocht, kunnen de bestanden uit de cache worden opgehaald en hoeven ze niet helemaal opnieuw te worden gedownload via het netwerk. Ook dit verlaagt de bandbreedte en de hostingkosten.
U kunt expires-headers gebruiken voor statische onderdelen van de site en cache-control-headers voor dynamische onderdelen. Met deze headers worden de verschillende onderdelen van een site, waaronder afbeeldingen, stylesheets, scripts en flash, cachebaar. Dit vermindert weer het aantal http-requests, waardoor de paginalaadtijd wordt verbeterd. Met expires-headers kunt u bepalen hoe lang onderdelen van een pagina in de cache blijven, zoals in het voorbeeld hieronder:
Expires: Wed, 20 Apr 2015 20:00:00 GMT
Als u een Apache-server gebruikt, kunt u de cachetijd instellen met de ExpiresDefaults-directive. Hiermee stelt u de vervaldatum in op een bepaald aantal jaar na de huidige datum:
ExpiresDefault "access plus 15 years"
5. Vermijd renderblocking-scripts
Plaats javascript-bestanden onderaan in de hoofdtekst of gebruik het attribuut async om ze asynchroon te laden.
6. Vermijd redirects
Door redirects te vermijden, verbetert u de weergavesnelheid. Sommige redirects zijn onvermijdelijk en essentieel, maar bedenk dat dit een extra HTTP vereist, waardoor de paginalaadtijd langer wordt. Controleer op niet-werkende links en corrigeer die meteen.
7. Gebruik G-Zip-codering
Net zoals u zware bestanden op uw pc kunt zippen en comprimeren om de bestandsgrootte te verminderen voor online bestandsoverdracht, kunt u zware bestanden van uw website zippen met de tool G-Zip Compression. Dit bespaart bandbreedte en downloadtijd en verlaagt de paginalaadsnelheid. Configureer de server zodanig dat deze gezipte inhoud retourneert.
8. Verminder HTTP-aanvragen
Gebruik CSS Sprites om het aantal afbeeldingsaanvragen te verminderen. Combineer achtergrondafbeeldingen in één afbeelding met de CSS-elementen background-image en background-position. Combineer inline afbeeldingen in uw gecachete stylesheets. En combineer ook alle javascript-bestanden in één bestand, evenals al uw CSS-bestanden.
9. Minificatie van JavaScript en CSS
Minificatie (verkleining) is het proces waarbij de code wordt gecomprimeerd door variabelen te hernoemen met kortere namen. Hierdoor worden de code en dus ook de laadtijd korter. We raden u aan om hiervoor uglify.js te gebruiken.
10. Verminder de grootte van cookies
Cookies worden gebruikt om gegevens op te slaan die bewaard moeten blijven voor volgende aanvragen. Deze gegevens worden bij iedere aanvraag verzonden, wat veel invloed kan hebben op de laadtijd. Door de cookies te verkleinen, verlaagt u dus de omvang van de gegevens die worden doorgestuurd en de paginalaadtijd. Elimineer onnodige cookies of verklein de cookies.
