Zend FR

Consultez la FAQ sur le ZF avant de poster une question

Vous n'êtes pas identifié.

#1 27-05-2015 13:10:42

Splyf
Membre
Date d'inscription: 24-10-2013
Messages: 115

Injecter du code css dans le html a partir d'un fichier CSS

Bonjour,

Dans les conseils d'optimisations de google, il est indiquer qu'il vaut mieux injecter les script css de quelque ligne directement dans le html.

Comment faire ceci ?
j'utilise le module de assetic AssetManager, qui me compresse et combine les fichiers avec CSSMin et JSMin, avant de me les insérer dans le dossier /public. Mais bien sur uniquement pour la production, pas dans mon environement de dev qui me les génère a la volé.

pour l’environnement de productions, il me suffit de faire un include des fichier contenu dans le dossier public, mais ce n'est pas possible en local, vue que /public est physiquement vide.

des idée?

edit: vous allez me demander pourquoi ne pas copié collé le script directement dans la vue: parce que certain petit script css sont des plugin de mon crue, utile que sur certaine page du site, je suis donc forcé pour des raisons de maintenance de le laissé dans un fichier. (en plus même inclue dans le html, il doit être compressé sur la prod)

Dernière modification par Splyf (27-05-2015 13:12:37)

Hors ligne

 

#2 27-05-2015 13:17:32

tdutrion
Administrateur
Lieu: Dijon, Paris, Edinburgh
Date d'inscription: 23-12-2009
Messages: 614
Site web

Re: Injecter du code css dans le html a partir d'un fichier CSS

Je n'utilises malheureusement pas encore assetic ou quoi que ce soit, mais il faudrait peut être envisager une aide de vue à ce moment là qui utilises "inlineScript" et récupère le contenu de ton fichier combiné. (idem pour le css avec headStyle).

Hors ligne

 

#3 27-05-2015 14:07:12

Splyf
Membre
Date d'inscription: 24-10-2013
Messages: 115

Re: Injecter du code css dans le html a partir d'un fichier CSS

Je vient d'avoir une idée pour un plugin qui exploiterai le travail de l'AssetManager :

Code:

[lang=php]if(file_exists($filePath)){
 echo '<style>';
include($filePath);
 echo '</style>;
}else{
 $this->headLink()->appendStylesheets('$file');
}

Comme sa, si AssetManager n'a pas créer le fichier (en local donc), il procède comme dab, sinon, il inclue le fichier pile comme AssetManager la fait, sans travail supplémentaire.

Hors ligne

 

Pied de page des forums

Propulsé par PunBB
© Copyright 2002–2005 Rickard Andersson
Traduction par punbb.fr

Graphisme réalisé par l'agence Rodolphe Eveilleau
Développement par Kitpages