Modifier son thème

Onglets principaux

La documentation Drupal 6 n'est plus maintenue et en cours de dépublication.

L'idée pour faire perdre du poids aux feuilles CSS est la suivante :

  • regrouper tous les fichiers en un seul,
  • supprimer tous les espaces, les retours chariots et les commentaires.

Réaliser ces opérations manuellement n'est ni pratique, ni maintenable. Mais elles peuvent être automatisées dans le cadre de votre thème.

Avec l'aide d'un script PHP, il est possible de réaliser ces opérations à la "volée".

Le script compress_css.php se trouve sur la page suivante et doit être copié dans le répertoire de votre thème.

Pour l'utiliser dans votre thème, éditer le fichier page.tpl.php et insérez le code suivant :

<?php
include 'compress_css.php';
print
compress_tout_les_styles($head.$styles);
?>

en lieu et place des print $head; et print $styles;

Le script PHP va lire tous les fichiers CSS inclus dans l'entête HTML (balise head), les réunir en un seul, supprimer les élements inutiles et insérer le code pour la nouvelle feuille de style.

Pour exemple, l'utilisation de ce script m'a permis de passer de 50 Kio de CSS à 35 Kio (environ 30% de gain). C'est très appréciable sachant que certains standards d'accessibilité (voir Opquast) recommendent d'avoir une page d'accueil pesant moins de 100 Kio tout compris.

Commentaires