compacter : to minify

Compacter = retirer les commentaires, les lignes vides, l'indentation, les espaces vides inutiles, ...

Avant de compacter

Vérifiez que votre code est propre.

N'oubliez pas que même si vous avez une voiture qui roule 30 % plus vite, vous serez toujours battu par celui qui, pour rejoindre la même ville, parcourt une distance 10 fois moindre. Le compactage vous ferez gagner un peu de vitesse, mais si votre code est mauvais, il restera mauvais !
Pour un même texte et un même affichage :
- Mauvais code HTML : (issu d'un traitement de texte) Préambule Dans un contexte où, d'une part : • les documents papier sont en voie de disparition ; • les documents numériques peuvent être plus facilement consultés, analysés - notamment par les administrations -, copiés, archivés et déplacés ; • les documents sont plus fiables lorsqu'ils sont signés numériquement ;
- Bon code HTML : <h1>Préambule</h1> Dans un contexte où, d'une part : <ul> <li>les documents papier sont en voie de disparition; </li> <li>les documents numériques peuvent être plus facilement consultés, analysés - notamment par les administrations -, copiés, archivés et déplacés; </li> <li>les documents sont plus fiables lorsqu'ils sont signés numériquement; </li> </ul>
Que le code soit écrit en XHTML5
Que le code CSS et, surtout, JavaScript soit dans des fichiers externes (et non dans le fichier HTML)
Puis,
- Au niveau du code HTML, vérifiez qu'il n'existe pas des parties du code répétitives - tels que les pieds de page et entêtes - et, le cas échéant, factoriser via du code JavaScript.
  
  Cependant, veillez à ce que le site reste opérationnel même si le JavaScript est désactivé, notamment au niveau des liens et des formulaires.
- Au niveau du code CSS, vérifiez qu'il n'existe pas de définitions, variables qui ne sont pas utilisées (et non commentées).
- Au niveau du code JavaScript, vérifiez qu'il n'existe pas de fonctions et variables non utilisées (et non commentées).
Ensuite, vérifiez que les fichiers sont valides.

Nettoyer

Valider

Enfin, faites une copie des fichiers non compactés. Ils vous seront utiles lorsque vous voudrez ultérieurement modifier le code.

Compacter

Compacter ses fichiers HTML, CSS et JS est profitable à tout le monde.

Le client (qui voit la page s'afficher plus rapidement)
Ceux qui utilisent internet (car le trafic y devient moins encombré)
Les moteurs de recherche qui mettent moins de temps pour analyser le fichier HTML
Le propriétaire (qui voit son site mieux référencé par les moteurs de recherche)
La nature (car il faut produire moins d'électricité)

Fichiers HTML

minifycode.com
un fichier HTML

Fichiers CSS

Le logiciel Rapid PHP > CSS > Compresser le code CSS
minifycode.com
un fichier CSS

Fichier JS

/*Codes JS inutiles AVANT
 (ne contenant pas de référence au fichier HTML)*/

function send(xxxx) {
  var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  return re.test(xxxx);
}

/* début du bon code JS */



/* fin du bon code JS */

/*Codes JS inutiles APRÈS
 (ne contenant pas de référence au fichier HTML)*/

function xx(length) {
    var line = "";
    for (var j = 1; j <= length; j++) {
        line += "* ";
    }
    return line + "\n";
    function xxx(length) {
        var line = "";
        for (var j = 1; j <= length; j--) {
            line += "* ";
        }
    }
}

un fichier JavaScript (recommandé, via Firefox et Chrome) > cliquez sur online demo (pour, en plus, rendre le décodage difficile à décoder)
JSCompress (compression simple)

Ensuite, si vous compactez tous vos fichiers HTML, CSS et JS, vous pourrez apposer au bas de votre page d'accueil

Décompacter

Les fichiers HTML peuvent être décompactés facilement via le logiciel HTML Tidy (incorporé dans le logiciel Rapid PHP)