Discussion :

[chok371]

Bonjour,

J'aimerais trouver une technique pour supprimer tous les espaces d'un fichier CSS. Le but est de l'optimisé en allégeant son poids.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#div {
     propriété : valeur;
}

J'ai réussi avec ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

str_replace(" ", "", $chaine);

Mais cela supprime tous les espaces, même ceux qui son contenu dans les accolades { et }

Donc si j'ai ce code CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

border: 1px solid black;

Il va me sortir ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

border:1pxsolidblack;

Ce qui est invalide en CSS.

Ce que j'aimerais faire, c'est de dire à PHP de me virer tous les espaces excepté ceux qui sont entre un " { " et un " } " ou encore dans un commentaire (entre un " /* " et un " */ ")

Je n'arrive pas à trouver la fonction qu'il faut pour ça.

Merci.

[stealth35]

optimiser et minimiser c'est pas la même chose, la deuxième étant pas tellement utile, le CSS c'est pas ce qui prendre la plus de place dans une page

[Seb33300]

Pour minimiser, tu peux utiliser la fonction preg_replace
http://www.php.net/manual/fr/function.preg-replace.php

avec l'expression régulière qui va bien

par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$css = '#div { 
     propriete : valeur  dd ;
     border : 1px solid black;
}';
 
 
$css = preg_replace('/(:|;|{|})(\s*)/', '$1', $css);
$css = preg_replace('/(\s*)(:|;|{|})/', '$2', $css);
 
echo $css;

[chok371]

optimiser et minimiser c'est pas la même chose, la deuxième étant pas tellement utile, le CSS c'est pas ce qui prendre la plus de place dans une page

Minimiser le code CSS peut diviser le poids d'une feuille .css pas deux, et pour un site à fort trafic c'est très important, notamment pour le référencement...

@Seb33300 :
Merci pour ton code, je vais tester et je te dirais quoi.

[Eric2a]

Salut,

Minimiser [...] pour un site à fort trafic c'est très important, notamment pour le référencement.

Certes, mais cela n'a de sens que si on gère bien le cache en définissant une date d'expiration raisonable de la feuille de style.

En effet, il vaut mieux une grande feuille de style statique chargée un fois et placée dans le cache du navigateur pour une certaine durée, que d'avoir une petite feuille de style dynamique chargée à chaque changement de page.

Un site qui devrait te plaire GTMetrix pour analyser les performances.

[chok371]

Salut,


Certes, mais cela n'a de sens que si on gère bien le cache en définissant une date d'expiration raisonable de la feuille de style.

En effet, il vaut mieux une grande feuille de style statique chargée un fois et placée dans le cache du navigateur pour une certaine durée, que d'avoir une petite feuille de style dynamique chargée à chaque changement de page.

Un site qui devrait te plaire GTMetrix pour analyser les performances.

Merci pour le conseil. Pour résoudre ce problème je pense faire une vérification sur les feuilles de styles, si l'une d'entre elles a été modifiée, on recharge le tout, sinon on ne recharge rien.