Stylesheets samenvoegen versnelt de laadtijd van je website

De laadsnelheid van je website telt sinds voorjaar 2010 mee voor de pagerank van je website. Je kunt de laadsnelheid van je site op verschillende manieren verhogen. Stylesheets samenvoegen helpt de laadtijd van je site te verbeteren.

Wat doen stylesheets?

In de css-bestanden (oftewel cascading stylesheets) staat informatie over alle stijlelementen (=opmaak) van je website, zoals lettertype, lettergrootte, kleur van je letters, achtergrondkleur, noem maar op. Door al deze informatie in een stylesheet of stijlblad te zetten, hoef je maar op 1 pagina een wijziging door te voeren als je iets aan het uiterlijk van je website wilt veranderen, bijvoorbeeld het lettertype vergroten. Alle pagina’s die via de link <link href=”jouwstylesheet.css” rel=”stylesheet” type=”text/css” /> in het head-gedeelte van je html-code aan het stylesheet gekoppeld zijn, worden dan in een keer veranderd.

Stylesheets samenvoegen in contentmanagementsystemen

Als je met een contentmanagementsysteem (CMS) heb je al snel te maken met verschillende stylesheets. Met het gratis te downloaden tooltje CSS Merge van Google kun je al die stylesheets samenvoegen in een bestand. Je geeft het een nieuwe naam en uploaden maar. Vergeet niet om in je index.html-bestand in het head-gedeelte de links naar de oude css-bestanden te verwijderen en een link naar het nieuwe stylesheet op te nemen.

Het kan zijn dat CSS-Merge je een waarschuwing geeft voor overlappende classes. In dat geval kun je een van de geselecteerde classes kiezen.