|compacte

Apparu en : SPIP 1.9.2

Le filtre |compacte appliqué à un fichier css ou javascript [1] en crée une copie compactée, de taille réduite, où ont été supprimés les commentaires, les déclarations vides, les espaces superflus etc. [2] (pour les fichiers de script Javascript, le filtre utilise la classe JavaScriptPacker).

Après avoir archivé ce nouveau fichier dans le répertoire local/ le filtre en retourne le lien[<link rel="stylesheet" href="(#CHEMIN{spip_style.css}|compacte)" type="text/css" media="all" />] retournera quelque chose comme : <link rel="stylesheet" href="local/cache-css/spip_style-compacte-092e.css" type="text/css" media="all" />

À noter

Ce filtre, comme la compression automatique, regroupe les fichiers css compressés par media.

Exemple :

[<link rel="stylesheet" href="(#CHEMIN{spip_style.css}|compacte)" type="text/css" media="all" />]
[<link rel="stylesheet" href="(#CHEMIN{habillage.css}|compacte)" type="text/css" media="all" />]
[<link rel="stylesheet" href="(#CHEMIN{responsive.css}|compacte)" type="text/css" media="handheld" />]
[<link rel="stylesheet" href="(#CHEMIN{print.css}|compacte)" type="text/css" media="print" />]

Les feuilles de styles spip_styles.css et habillage.css vont être regroupées dans le même fichier compressé. responsive.css et print.css seront dans des fichiers compressés distincts avec respectivement l’attribut media="handheld" et media="print"

Désactiver à la demande la compression des fichiers js et css

Avec ce filtre, on force la compression d’un fichier. Il existe une écriture pour désactiver la compression sur des fichiers précis.

Pour les fichiers css, il vous faut renseigner l’un des attributs suivants sur votre balise <link> :
- id ;
- name ;
- type.

Pour les fichiers javascript, il faut renseigner l’attribut "id".

Notes

[1] Le fichier auquel s’applique le filtre doit avoir « .js » ou « .css » comme extension.

[2] pour les fichiers de css, le filtre transforme toutes les url contenues en url absolues

#div {
  background : url(../prive/images/fond-gris-anim.gif);  /** image modifiable **/
  width : 48px;
  height : 48px;
  margin : auto;
}

devenant

#div{background:url(http://www.domaine.tld/prive/images/fond-gris-anim.gif);width:48px;height:48px;margin:auto;}

Auteur denisb, Teddy Publié le : 08/10/09 Mis à jour : 15/07/23

Traductions : català, English, Español, français, Nederlands