CSS optimalisatie: Combineren van stylesheets

Stylesheets combineren

Bij standaard pakketten zoals Wordpress en Joomla worden soms wel 10 verschillende stylesheets ingeladen. Iedere keer dat er een aparte stylesheet worden ingeladen kost het een beetje tijd (request). Om deze tijd te verkleinen combineert Loqus de vele stylesheets tot 1 als het pakket het toelaat. Dit moet op de juiste wijze gebeuren ivm overerving of overschrijving van stijlen.

<link rel="stylesheet" href="/media/system/css/base.css" type="text/css" />
<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/jsn_dome_free/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/jsn_dome_free/css/template_red.css" type="text/css" />
				

Eindresultaat

<link rel="stylesheet" href="/media/system/css/gecombineerd.css" type="text/css" />