[Webdesign] Combinez vos scripts et CSS facilement (performance)

Comme vous le savez surement, l’une des techniques les plus employées pour améliorer les performances d’un site Web consiste à combiner les ressources externes (images, javascripts, CSS) pour diminuer le nombre de requêtes HTTP vers le serveur.

Si vous souhaitez faire cette opération une bonne fois pour toute avant la publication de votre site (et avant chaque mise à jour), voici un petit bout de code PHP qui pourrait vous aider.

<?php
header('Content-type: text/css');

$path="../css";

function get_files($dir=".", $sort = 0) {
	$files = scandir($dir, $sort);
	$files = array_diff($files, array('.', '..'));
	return $files;
}

$files = get_files($path, 1);
	foreach($files as $file) {
		include_once($path.'/'.$file);
	}
?>

Ce petit script lit dans un répertoire et y récupère tous les fichiers. Il les combine ensuite dans un unique fichier qui contiendra donc l’ensemble des données.

Celui-ci vous permet d’organiser vos développement en séparant les fonctionnalités.

Juste avant d’envoyer vos fichiers, il vous suffit de faire passer cette petite moulinette et de récupérer le fichier crée. N’oubliez pas qu’il est préférable de compresser celui-ci pour supprimer les caractères superflus et ainsi diminuer sa taille.

Si vous préférez utiliser un outil tout fait, testez Minify qui fait exactement la même chose et même plus.

Cette technique fonctionne également pour les scripts Javascript.

★★★★★

A lire également