Réduire la taille des ressources HTML, CSS et JavaScript

Ces règles se déclenchent lorsque les analyses PageSpeed Insights indiquent que la taille de l'une de vos ressources pourrait faire l'objet d'une réduction.

Présentation

La réduction de la taille des ressources consiste à supprimer les octets inutiles, ceux utilisés par exemple par les espaces supplémentaires, les sauts de ligne et les mises en retrait. Compresser les ressources HTML, CSS et JavaScript peut accélérer le temps de téléchargement, d'analyse et d'exécution. En outre, il est possible de réduire davantage la taille des fichiers CSS et JavaScript en renommant les variables, tant que la ressource HTML est mise à jour de manière adéquate afin de s'assurer que les sélecteurs continuent de fonctionner.

Recommandations

Nous vous conseillons de réduire la taille de vos ressources HTML, CSS et JavaScript.

Vous pouvez utiliser l'extension PageSpeed Insights pour Chrome afin de générer une version optimisée de votre code HTML et réduire la taille de vos ressources. Lancez l'analyse de votre page HTML et cherchez la règle "Réduire la taille des ressources HTML". Cliquez sur "Voir le contenu optimisé" pour obtenir le code HTML optimisé.

Pour réduire la taille des ressources CSS, vous pouvez essayer YUI Compressor et cssmin.js.

Pour réduire la taille des ressources JavaScript, utilisez Closure Compiler, JSMin ou YUI Compressor. Vous pouvez créer un processus de génération qui utilise ces outils pour réduire la taille des fichiers de développement, les renommer et les enregistrer dans un répertoire de production.