Une fois que le CDN est activé, les réglages de minification du code seront disponibles. La minification supprime les caractères inutiles comme les commentaires et les espaces blancs de votre code.

Ces caractères sont très utiles pour les humains lorsque nous modifions le code, mais les navigateurs n’en ont pas besoin. En les supprimant, vous optimisez votre code, réduisez la taille des pages et leur temps de chargement.

Activer la minification de code

Cliquez sur le bouton Réglages pour configurer vos réglages préférés de minification du code.

Réglages de minification du code pour le CDN dans MyKinsta.
Réglages de minification du code pour le CDN dans MyKinsta.

Dans la modale popup de minification de code qui apparaît, choisissez CSS, JS, ou les deux, et cliquez sur le bouton Modifier les réglages pour enregistrer vos réglages.

Enregistrer les réglages de minification de code pour le CDN
Enregistrer les réglages de minification de code pour le CDN.

Remarques importantes

  • Veillez à vérifier votre site après avoir activé la minification du code. Certains navigateurs peuvent avoir des problèmes avec les éléments minifiés. Si vous constatez des problèmes sur votre site, désactivez la minification du code.
  • L’activation de la minification de code peut prendre quelques minutes pour prendre effet.
  • Si vous avez votre propre compte Cloudflare, vous devrez vider le cache de Cloudflare (soit dans le tableau de bord Cloudflare, soit dans l’extension Cloudflare) pour que la minification fonctionne.
  • Tous les fichiers se terminant par .css ou .js servis sur le domaine hébergé par Kinsta seront minifiés, selon le type de fichier pour lequel vous activez la minification ou si vous l’activez pour les deux. Par exemple, si vous hébergez example.com chez nous et que vous choisissez de minifier les fichiers CSS, example.com/wp-content/themes/yourtheme/style.css et example.com/wp-content/plugins/woocommerce/some-file.css seront minifiés, mais les ressources liées à l’extérieur comme twitter.com/styles/example-shared.css ne peuvent pas être minifiées par cet outil.
  • Tous les fichiers dont le nom contient .min seront ignorés. Généralement, les fichiers dont le nom contient .min ont déjà été minifiés et le fait d’essayer de les minifier à nouveau ne fournit aucun avantage.

Vérifier la minification du code

  1. Visitez votre site et ouvrez les outils de développement dans votre navigateur.
  2. Dans l’onglet Réseau, double-cliquez sur un fichier JS ou CSS pour l’ouvrir dans un nouvel onglet. Veillez à en choisir un qui n’a pas été précédemment minifié par votre thème ou une extension.
  3. Vérifiez que le fichier ne contient pas d’espace blanc ou de commentaires. Si vous voyez des fichiers JS ou CSS qui n’ont pas été extraits, rechargez la page plusieurs fois, puis vérifiez à nouveau les fichiers JS ou CSS.
  4. Si les fichiers ne sont pas minifiés après avoir rechargé la page plusieurs fois, ouvrez une nouvelle discussion avec notre équipe de support et indiquez-leur les URL des fichiers qui ne sont pas minifiés.

Avantages de la minification de code du CDN

Cette minification est effectuée sur le bord de Cloudflare et mise en cache là aussi, elle présente donc certains avantages par rapport à la minification de code avec une extension :

  • Votre serveur ne doit pas utiliser de ressources (CPU/mémoire/stockage) pour minifier les fichiers. Cloudflare s’en charge de son côté.
  • Votre serveur ne doit pas non plus servir ultérieurement les fichiers minifiés. Cloudflare les sert directement à partir du serveur périphérique le plus proche du visiteur qui fait la demande.
  • Cloudflare minifie les fichiers en arrière-plan, de sorte que la première requête vers une ressource non encore minifiée n’est pas retardée par le processus de Cloudflare visant à la minifier. La prochaine requête vers cette ressource devrait obtenir la version minifiée en cache.