Vous êtes ici : » » Catégories : Codes  >/ PHP  » Item : Intégrer au code source un fichier externe avec PHP

Item 48

Intégrer au code source un fichier externe avec PHP

Mise à jour du 6 janvier 2015

Vous êtes-vous déjà demandé comment intégrer au code source de la page web un fichier JavaScript ou CSS ?

Dans le cas de fichiers complémentaires à une ou quelques pages cela permets réduire le nombre de requettes HTTP sans alourdir le poids total de la page web.
Cela permet également de garder la souplesse de pouvoir travailler sur des fichiers indépendants.
De plus un autre avantage est que celui-ci reste accessible aux autres fichiers. Cela permet de factoriser le code.

Une autre manière d’optimiser les performances.


//	LES VARIABLES UTILES.
//	Le chemin de la racine du site
$pathRoot = $_SERVER['DOCUMENT_ROOT'];
//	Le nom du répertoire des fichiers css. 
//	Ce répertoire doit être à la racine du site !
$repCSS	  = 'css';

//	La variable $styles, de type array, stocke les noms des fichiers à inclure
$styles = array('style-plus.css','contact-form.css','plugin-truc.css');

//	DEBUT DU PROCESS D'INCLUSION.
//	Si j'ai des styles à ajouter à mon code source?
if( isset($styles) ) {
	//	Alors, du premier au dernier :
    for( $i = 0 ; $i < count($styles) ; $i++ ) {
		//	J'ouvre le fichier en mode lecture ('r'),
        $fp = fopen($pathRoot.'/'.$repCSS.'/'.$styles[$i], 'r');
		//	Je lis le fichier en entier et stocke le contenu dans $css.
        $css = fread($fp, filesize($pathRoot.'/'.$repCSS.'/'.$styles[$i]));
		//	Je ferme mon fichier.
        fclose($fp);
		//	J'ajoute le contenu de $css à ma source. 
		//	'\n' permet d'ajouter un retour à la ligne dans le code source.
        echo $css.'\n';	
    }	//	Fin de for
	//	Je libère les ressources devenues inutiles
	unset($fp);
	unset($css);
	unset($styles);
} //	Fin de if

La première partie du code, la définition des variables, peut être ajoutée au fichier de configuration du site ou en tête du fichier principal.

J’utilise une variable array pour stocker les nom des fichiers car cela permet d’en ajouter un ou plusieurs à divers endroit du code : $styles[] = ‘mon-fichier.css';

Pour aller plus loin :

  • On peut ajouter ce process en pied de page pour ajouter également des scripts JavaScript.
  • Il semble alors logique de créer une fonction plutôt que de dupliquer le code.

Cet Item à été publié le 30 décembre 2014 par Sébastien
dans : Codes | PHP
et est marqué :

Laissez un commentaire

« -o|o- »