Jetpack Boost

Jetpack Boost aide votre site à se charger plus rapidement en optimisant la diffusion des ressources essentielles, comme CSS, JavaScript et les images. Ce guide explique comment installer Boost, à quoi sert chaque fonctionnalité et comment les utiliser.

Vous pouvez commencer gratuitement ou passer à une offre supérieure pour débloquer des fonctionnalités premium, comme l’optimisation automatique de CSS, les contrôles de qualité des images et l’analyse avancée des images.

Les forfaits d’hébergement de WordPress.com (Business ou Commerce) n’incluent pas les fonctionnalités premium de Jetpack Boost : vous aurez besoin d’un forfait Boost payant pour les utiliser. Consultez Utiliser Jetpack Boost sur WordPress.com ci-dessous pour connaître les étapes d’activation.

Conditions requises pour l’installation MD

Pour utiliser Jetpack Boost, assurez-vous que votre site :

• Utilise la dernière version de WordPress.
• Est accessible au public (il n’est pas protégé par un mot de passe ni en mode maintenance).
• Répond aux exigences d’hébergement de WordPress.
• Dispose d’un fichier accessible au public au format xmlrpc.php.

Vous n’avez pas besoin de l’extension Jetpack pour utiliser Boost. Jetpack Boost est une extension distincte.

Installer Jetpack BoostMD

1. Dans l’Administration WP → Extensions → Ajouter, recherchez Jetpack Boost.
2. Cliquez sur Installer maintenant, puis Activer.
3. Choisissez un forfait gratuit ou payant.
4. Après l’activation, vous serez redirigé vers le tableau de bord de Boost, où Boost calcule vos scores de performance globaux, sur ordinateur et sur mobile.

Si Jetpack Boost ne parvient pas à se connecter à votre site, suivez ces étapes de dépannage.

Tableau de bord de Jetpack BoostMD

Une fois installé, le tableau de bord de Boost affiche les scores de performance globaux, sur ordinateur et sur mobile de votre site sous Vitesse de votre site.

Des badges indiquant le gain de score peuvent apparaître sous les scores sur ordinateur et sur mobile pour montrer l’effet des optimisations sur vos performances.

Utilisez le bouton Effectuer un test de vitesse situé dans l’angle supérieur droit de l’écran de Boost pour mettre à jour vos scores après avoir effectué des modifications.

Boost regroupe les paramètres d’optimisation sous Optimisez votre vitesse dans des sections réductibles pour les pages essentielles, le chargement des pages, l’optimisation du code et les images. L’historique des performances est disponible avec les offres payantes.

Journal d’activitéMD

Jetpack Boost 4.7.0 et les versions ultérieures ajoutent une page Journal d’activité à l’administration WP. Le Journal d’activité (également appelé activité du site) enregistre ce qui se passe sur votre site, notamment les articles et pages publiés ou mis à jour, la modération des commentaires, les modifications des extensions et des thèmes, les changements de réglages et les tentatives de connexion.

Pour l’afficher, accédez à Jetpack → Journal d’activité dans l’administration WP.

La page Journal d’activité nécessite tous les éléments suivants :

• Jetpack Boost 4.7.0 ou une version ultérieure.
• Un site connecté à WordPress.com, avec votre compte utilisateur associé à cette connexion.
• Le rôle Administrateur sur le site.

Vous n’avez pas besoin de l’extension Jetpack. Boost fournit lui-même la page Journal d’activité.

Avec la version gratuite de Boost, le Journal d’activité affiche les 20 événements les plus récents et le filtrage n’est pas disponible. Un forfait payant Jetpack VaultPress Backup, Jetpack Security ou Jetpack Complete étend l’historique des événements et permet de filtrer par période et par type d’activité. Le Journal d’activité ne peut pas être exporté dans un fichier.

Référence des fonctionnalitésMD

Jetpack Boost comprend des outils pour améliorer et surveiller les performances de l’interface de votre site. Vous pouvez gérer les fonctionnalités d’optimisation depuis la section Optimisez votre vitesse du tableau de bord de Boost.

Fonctionnalité	Gratuit	Payant
Scores de performance du site Consultez les scores de performance du site calculés à partir de Google PageSpeed Insights. En savoir plus.	✅	✅
Historique des performances Suivez l’évolution de vos performances au fil du temps.	❌	✅
Pages essentielles Priorise vos pages les plus importantes pour des optimisations ciblées, notamment l’optimisation des images avec du CSS critique et du LCP.	Une (1) page	Dix (10) pages
Optimiser le chargement du CSS Génère du CSS critique pour donner la priorité aux styles nécessaires à l’affichage de la partie visible de votre page.	✅	✅
CSS critique automatisé Optimise automatiquement le chargement de CSS après les modifications.	❌	✅
Mettre les pages en cache Crée des versions statiques de vos pages afin de réduire le temps de chargement pour les visiteurs.	✅	✅
Différer le chargement de JavaScript non essentiel Retarde le chargement des scripts qui ne sont pas nécessaires au rendu initial, afin que votre contenu s’affiche plus rapidement	✅	✅
Concaténer JavaScript et CSS Combine plusieurs fichiers JavaScript ou CSS en un seul afin d’améliorer les performances de chargement.	✅	✅
Images CDN Diffuse vos images via le CDN mondial haut débit de Jetpack.	✅	✅
Ajuster la qualité des images selon leur format Ajoute des contrôles de qualité des images servies par CDN et permet d’accéder au redimensionnement du chargement différé.	❌	✅
Activer le guide des images Affiche les informations relatives à la taille des images pendant votre navigation, afin de vous aider à repérer celles qui sont peut-être trop volumineuses. En savoir plus.	✅	✅

Pages essentiellesMD

Pages clés aide Boost à donner la priorité aux améliorations des performances sur votre contenu le plus important. Boost se concentre sur ces pages lors de la génération du CSS critique et des scores Page Speed. Votre page d’accueil sera toujours considérée comme une page clé.

• Avec l’offre gratuite, vous pouvez définir une page essentielle supplémentaire.
• Avec l’offre payante, vous pouvez définir jusqu’à dix pages supplémentaires.

Par défaut, Boost ajoute :

• Votre page boutique WooCommerce (si elle est active).
• Pages marquées comme contenu essentiel dans l’extension Yoast SEO.

Remarque : Si vous utilisez une Offre gratuite, une seule page de la liste ci-dessus (sans compter la page d’accueil) sera ajoutée lors de votre première installation de Jetpack Boost.

Vous pouvez consulter ou modifier cette liste dans la section Pages essentielles sous Optimiser votre vitesse du tableau de bord de Boost.

Boost enregistre les pages essentielles sous forme d’URL relatives. Ainsi, si vous changez de domaine, votre liste continuera de fonctionner sans que vous ayez besoin de la mettre à jour.

Les pages essentielles ont un impact sur :

• Scores de vitesse: Boost utilise la première page de la liste pour mesurer les performances.
• CSS critiques : Chaque page clé bénéficie de son propre CSS optimisé, ce qui améliore la précision du chargement.

Prérendre les pages essentielles

Lorsque cette fonctionnalité est activée, elle utilise WordPress 6.8 et son chargement spéculatif pour prérendre les pages essentielles dans les navigateurs compatibles. Cela signifie que les pages liées peuvent commencer à se charger en arrière-plan lorsque les utilisateurs les survolent, ce qui accélère les performances perçues lorsqu’ils cliquent dessus.

Vous pouvez activer ou désactiver cette option dans la section Pages essentielles du tableau de bord de Boost. Elle est désactivée par défaut.

En savoir plus sur les pages essentielles.

Optimiser le chargement du CSSMD

Optimiser le chargement du CSS génère du CSS critique, les styles nécessaires à l’affichage de la partie visible de votre page, et charge ces styles en premier afin que le contenu puisse s’afficher plus rapidement.

• Avec l’offre gratuite, sélectionnez le bouton Générer la première fois que vous utilisez cette fonctionnalité. Lorsque le CSS critique CSS doit être mis à jour ultérieurement, sélectionnez le bouton « Régénérer le CSS critique CSS ».
• Avec l’offre payante, Boost génère et met automatiquement à jour le CSS critique CSS.

Si l’outil État de santé du site indique « CSS critique CSS obsolète », suivez le lien vers le tableau de bord de Boost et sélectionnez le bouton «Régénérer le CSS critique CSS ».

Restez sur le tableau de bord de Boost pendant la génération du CSS critique CSS. Si vous quittez cette page, le processus se mettra en pause.

En savoir plus sur l’optimisation du CSS.

Optimiser les images LCP (gratuit pour 1 page, payant jusqu’à 10)MD

Optimise l’image correspondant au rendu du plus grand élément de contenu (LCP) de vos pages essentielles afin d’améliorer le temps de chargement perçu et les scores Core Web Vitals.

Offre gratuite : Optimise une page essentielle.
Offre payante : Optimise jusqu’à dix pages.

Identifie automatiquement l’image visible ou l’image d’arrière-plan la plus grande, puis :

• Priorise le chargement avec fetchpriority="high"
• Désactive le chargement différé des images LCP
• Utilise le Jetpack CDN et des techniques d’image adaptative
• Précharge les images d’arrière-plan avec image-set()

En savoir plus sur l’optimisation des images LCP

Mettre les pages du site en cacheMD

La mise en cache des pages du site crée des versions statiques de vos pages afin de réduire le temps de chargement pour les visiteurs.

• Boost met automatiquement à jour le cache lorsque votre contenu est modifié.
• Vous pouvez exclure certaines pages de la mise en cache, ce qui peut être utile pour les contenus fréquemment mis à jour.

Pour activer la mise en cache des pages :

1. Développez la section «Chargement des pages ».
2. Activez l’option «Mettre les pages du site en cache ».
3. Pour exclure des pages de la mise en cache, ouvrez le panneau Exceptions et ajoutez les modèles d’URL à exclure.

Sur les hébergeurs WP Cloud, notamment Pressable et WordPress.com, Boost peut détecter le cache de pages de l’hébergeur. Dans ce cas, Boost affiche Le cache de pages est actif au lieu de l’option «Mettre les pages du site en cache », et aucune configuration supplémentaire du cache de pages n’est nécessaire.

En savoir plus sur la mise en cache des pages du site avec Boost.

Différer le JavaScript non essentielMD

Différer le JavaScript non essentiel diffère les scripts qui ne sont pas nécessaires au rendu initial, afin d’accélérer l’affichage de votre contenu.

Pour l’activer, développez « Chargement des pages » et activez l’option « Différer le JavaScript non essentiel ».

Si des fonctionnalités du site, comme les formulaires ou les diaporamas, cessent de fonctionner, elles peuvent dépendre de JavaScript qui doit être chargé plus tôt. Vous pouvez :

• Désactivez l’option « Différer le JavaScript non essentiel ».
• Ouvrez les Exceptions et ajoutez les URL ou les motifs URL pour lesquels JavaScript ne doit pas être différé.
• Pour exclure un script spécifique, ajoutez data-jetpack-boost="ignore" à sa balise de script.

Concaténer JavaScriptMD

Concaténer JavaScript combine et minifie les fichiers JavaScript afin de réduire le nombre de scripts que votre site doit charger.

Pour l’activer, développez « Optimisation du code » et activez l’option « Concaténer JavaScript ».

Exclure des scripts spécifiques

Certains fichiers JavaScript peuvent ne pas fonctionner correctement une fois combinés. Pour les exclure, vous pouvez identifier l’identifiant du script en consultant le code source de votre page ou la documentation de l’extension.

 Exemple de balise de script :

https://yourjetpack.blog/wp-content/plugins/snow-effects/snow-effects.js

1.  L’identifiant est : snow-effects.
   
2. Ouvrez le panneau Exceptions, ajoutez snow-effects à la liste des identifiants, puis sélectionnez le bouton Enregistrer.
   

Une fois l’opération réussie, vous verrez un commentaire semblable à celui-ci dans le code source de la page :

<!-- No Concat JS snow-effects => Excluded option -->

Cette fonctionnalité ne fonctionne qu’avec les scripts ajoutés via l’API Enqueue de WordPress. Elle n’a aucun effet sur les scripts intégrés ou incorporés.

Concaténer CSSMD

Concaténer CSS combine et minifie les fichiers de feuille de style afin de réduire le nombre de styles que votre site doit charger.

Pour l’activer, développez « Optimisation du code » et activez l’option « Concaténer CSS ».

Exclure des feuilles de style spécifiques

Certaines feuilles de style peuvent cesser de fonctionner lorsqu’elles sont combinées. Pour les exclure, vous pouvez trouver l’identifiant de la feuille de style dans l’attribut id du code HTML.

 Exemple :

<link rel="stylesheet" href="https://yourjetpack.blog/wp-content/themes/twentytwenty/style.css" id="twentytwenty-style-css">

1.  L’identifiant est : twentytwenty-style.
   
2. Ouvrez le panneau Exceptions, ajoutez twentytwenty-style à la liste des identifiants, puis sélectionnez le bouton Enregistrer.

Comme pour la concaténation JS, cela ne fonctionne qu’avec les feuilles de style ajoutées à l’aide de l’API Enqueue de WordPress.

Images CDNMD

Diffuse vos images depuis le CDN mondial haute vitesse de Jetpack. Cette fonctionnalité convertit également les images dans des formats plus efficaces, comme WebP, pour accélérer leur chargement.

Pour l’activer, développez « Images » et activez l’option « Images CDN ».

• Offre gratuite: Les images sont automatiquement optimisées et diffusées via le CDN.
• Offre payante: Ajoute des réglages de qualité des images et l’accès au redimensionnement des images à chargement différé.

Ajuster la qualité des images par format (fonctionnalité payante)

Avec une offre Boost payante, développez Ajuster la qualité des images par format sous Images CDN pour contrôler la qualité des images JPEG, PNG et WebP.

Ajustez le niveau de qualité de chaque format à l’aide du curseur ou cochez la case Sans perte pour préserver la qualité des images sans compression avec perte.

Redimensionnement automatique des images à chargement différé (fonctionnalité payante)

Redimensionne les images chargées en différé afin qu’elles correspondent mieux aux dimensions de leur conteneur. Cela contribue à réduire les décalages de mise en page et à améliorer Cumulative Layout Shift (CLS).

• Le redimensionnement automatique des images à chargement différé est disponible avec une offre Boost payante lorsque l’option Images CDN est activée.
• Activez l’option « Redimensionnement automatique des images à chargement différé » pour redimensionner les images chargées en différé afin qu’elles correspondent à leurs dimensions affichées.

Activer le guide desimagesMD

Le guide des images affiche les informations de taille des images lorsque vous parcourez votre site, ce qui vous aide à repérer celles qui sont peut-être trop grandes.

Pour l’utiliser, développez « Images » et activez l’option « Activer le guide des images ».

Cette fonctionnalité est particulièrement utile si vous ne savez pas par où commencer pour optimiser vos images.

Multisite et utilisation localeMD

• Installations multisite: La page des journaux n’est pas disponible sur les réseaux multisite et n’apparaît sur aucun site du réseau.
• Environnements locaux: Utilisez Mode hors ligne pour tester Boost sur des sites privés ou locaux.

Jetpack Boost Centre de dépannageMD

Si Jetpack Boost ne fonctionne pas comme prévu, nous avons préparé une documentation utile pour vous aider à résoudre le problème. La plupart des problèmes peuvent être réglés en quelques étapes simples, en commençant par le bon diagnostic.

Utilisez le guide ci-dessous pour trouver les problèmes courants, classés par fonctionnalité. Chaque lien ouvre un article de dépannage dédié contenant des instructions détaillées.

Mise en cache	Résolvez les problèmes liés à la mise en cache des pages de Boost, tels que les problèmes d’accès aux fichiers ou les conflits avec d’autres extensions.	Dépannage des problèmes de mise en cache de Jetpack Boost
CSS critique	Résolvez les erreurs liées au CSS critique obsolète ou manquant.	Dépannage du CSS critique dans Jetpack Boost
Concaténation de CSS/JS	Résolvez les erreurs de mise en page ou de script causées par la concaténation de CSS ou de JavaScript.	Dépannage des méthodes de diffusion de CSS ou JavaScript concaténées
Report de JavaScript	Découvrez comment exclure les scripts qui cessent de fonctionner lorsqu’ils sont chargés tardivement.	Exclure les fichiers JavaScript du report de Jetpack Boost
Mesure du score de vitesse	Découvrez comment Boost calcule les scores de vitesse et ce que signifie chaque métrique.	Comment le score de vitesse est mesuré avec Jetpack Boost
Erreurs de la console	Dépannez les erreurs JavaScript ou CSS signalées dans la console de votre navigateur.	Comprendre les erreurs de la console dans Jetpack Boost
Personnalisation du filtre de cache	Pour les développeurs : personnalisez la gestion de la mise en cache par Boost à l’aide de filtres facultatifs et de fichiers de configuration.	Utiliser des filtres pour personnaliser les paramètres du cache dans Jetpack Boost
Variations du score de vitesse	Découvrez pourquoi votre score Boost peut changer à chaque test de vitesse et comment effectuer des tests plus fiables.	Pourquoi mon score de vitesse Jetpack Boost change (et comment y remédier)
Optimisation des images LCP	Résolvez les problèmes qui empêchent Boost d’optimiser les images du rendu du plus grand élément de contenu.	Dépannage des problèmes courants liés à l’optimisation des images LCP dans Jetpack Boost

Besoin d’aide ?MD

Si vous rencontrez des difficultés pour configurer ou utiliser Jetpack Boost, contactez l’assistance Jetpack. Nous sommes là pour vous aider.

---

Informations sur la confidentialitéMD

Nous nous engageons pleinement à protéger la confidentialité et la sécurité de nos clients ainsi que de leurs données personnelles. Pour mieux comprendre comment Jetpack Boost utilise vos données, veuillez consulter la Automattic Avis de confidentialité (Automattic possède et exploite l’extension Jetpack Boost), la politique de confidentialité d’Automattic et la section suivante.

Jetpack Boost utilise les bibliothèques de Jetpack pour se connecter à WordPress.com et calculer le score de vitesse de la page (à l’aide du tk_ai cookie). Il existe davantage d’informations sur les cookies dans Jetpack ici.