NitroPack ou l’optimisation facile d’un site WordPress en 1 clic

L’optimisation des performances de votre site WordPress en un clic, vous en rêvez, alors sachez que désormais, avec NitroPack, votre vœu est exaucé.

Partons du fait que vous avez testé votre site et que ses performances ne sont pas au rendez-vous. 😕

Alors là, c’est ballot, car comme vous le savez, avoir un site performant est fondamental pour être bien référencé par les moteurs de recherche, surtout depuis que Google a instauré ses Core Web Vitals.

Par conséquent, il vous faut trouver rapidement comment l’optimiser. Oui mais, le gros problème est que vous ne savez-vous pas trop comment faire. 🤔

Alors, ne cherchez plus, NitroPack le fera automatiquement pour vous !

NitroPack optimisation site WordPress : présentation

Il faut reconnaître que beaucoup de plugins d’optimisation existent pour les sites créés sous le CMS WordPress, comme : WP Rocket, Autoptimize, Perfmatters, Jetpack, Varnish, W3 Total Cache, Cloudflare, WordPress Super Cache, Litespeed Cache et j’en passe.

Certes, ce sont tous des plugins d’optimisation, mais ils ont chacun des fonctions différentes. En fait, le seul concurrent à NitroPack dans cette liste pourrait être WP Rocket.

Les forfaits gratuit et payants de NitroPack

Forfait gratuit de NitroPack

NitroPack, contrairement à WP Rocket, propose un forfait gratuit qui conviendra tout à fait pour l’optimisation d’un site avec un petit trafic sous WordPress.

En effet, avec le forfait gratuit, vous pourrez optimiser un site Web WordPress jusqu’à 5000 pages vues par mois et profiter d’un CDN avec 1 Go de bande passante par mois.

En plus, il faut souligner que ce forfait ne nécessite pas d’enregistrer une carte de crédit… cool ! 🙂

Par contre, en contrepartie, un badge NitroPack sera visible dans le pied de page.

Forfaits payants de NitroPack

Si vous souhaitez augmenter le nombre de pages vues et la quantité de données transférées via le CDN, NitroPack propose 3 niveaux d’abonnements payants, avec des tarifs mensuels ou annuels.

Comme vous pouvez le constater, c’est relativement onéreux, 😨 donc, à vous de voir.

Maintenant, passons sans délai à ce qu’offre NitroPack en termes d’optimisation pour votre site sous WordPress.

Que propose NitroPack pour l’optimisation des sites WordPress ?

Tout d’abord, il est à noter que, contrairement à d’autres plugins, NitroPack est basé sur le cloud, c’est la raison pour laquelle, il ne ralentira pas votre site Web lors de son exécution.

En ce qui concerne les fonctionnalités d’optimisation, elles sont vraiment très complètes, en voici un résumé :

• 1 Go de bande passante CDN par mois
• CDN Amazon CloudFront intégré
• Mise en cache avancée, mise en cache du navigateur, système de préchauffage du cache
• Compression GZIP et Brotli et compatibilité HTTP/2
• Optimisation d’image : recadrage, dimensionnement adaptatif, compression avec et sans perte, conversion au format WEBP et chargement différé
• Optimisation CSS : minification, compression, combinaison et CSS critique unique pour chaque page
• Optimisation HTML : minification et compression et préconnexion DNS
• Optimisation JS : minification et compression et chargement différé
• Chargement différé des polices

Comme indiqué, NitroPack propose un système de cache avancé, il s’agit de l’invalidation du cache.

Cette méthode permet à NitroPack de continuer à servir les pages de votre site à vos visiteurs à partir du cache pendant qu’une nouvelle copie du cache est générée en arrière-plan, contrairement à une purge du cache qui envoie immédiatement les pages actualisées, mais non optimisées.

Donc, à vous de choisir si vous souhaitez faire une purge totale ou une invalidation manuelle.

Vous êtes conquis, alors passons à l’installation du plugin NitroPack.

Le plugin NitroPack pour l’optimisation de site sous WordPres

Installation et connexion du plugin NitroPack

Pour l’installation de l’extension NitroPack, c’est exactement pareil que pour toutes les autres extensions. Il suffit d’aller dans Extensions/ajouter, de taper le mot-clé “Nitropack”, puis d’installer et d’activer l’extension.😉

Ensuite, cliquez en haut du tableau de bord ou dans réglages/NitroPack pour atteindre les paramètres du plugin. NitroPack vous indique alors que vous devez connecter votre site avec l’application.

Pour ce faire, il vous faut créer un compte NitroPack afin d’obtenir une API (Interface de Programmation d’Application). Accédez directement à cette page en cliquant sur “here”.

💡 Si vous le souhaitez, sur cette page, vous pouvez également tester NitroPack en entrant l’URL de votre site.

Cliquez sur “sign up now”, choisissez le plan gratuit, remplissez les informations demandées pour la création du compte et hop, vous atterrissez sur votre tableau de bord.

Il ne vous reste plus qu’à ajouter votre site Web en cliquant sur le lien à gauche.

Retournez dans votre tableau de bord WordPress, cliquez sur “connect with NitroPack”, une fenêtre apparait, là, choisissez votre site dans la liste.

Et voilà, votre site WordPress est connecté pour l’optimisation avec NitroPack.

Quoi qu’il en soit, si vous préférez entrer vos données manuellement, vous pouvez les retrouver dans votre tableau de bord NitroPack sous le menu avec une icône de prise. Il vous suffira, en ce cas, de copier-coller le Site ID ainsi que le Site Secret.

Vous vous demandez à présent comment configurer NitroPack, c’est très simple, continuez votre lecture. 👇

Configuration du plugin NitroPack et tableau de bord sous WordPress

Le grand plus de NitroPack est qu’il n’y a aucun paramétrage à faire.

L’optimisation de votre site WordPress par NitroPack commence immédiatement.

Par défaut, le mode “ludicrous” est activé, mais vous pouvez en changer afin de tester celui qui convient le mieux à votre site.

Voici les différents modes disponibles :

• Standard, une configuration prédéfinie vraiment basique
• Moyen, un mode bien équilibré qui convient à la plupart des sites
• Strong qui inclut plus de fonctionnalités avancées
• Ludicrous, un préréglage visant à atteindre le score de performance le plus élevé
• Manuel pour affiner chaque aspect de l’optimisation à partir du tableau de bord NitroPack.io

Directement dans le tableau de bord NitroPack sous WordPress, vous retrouvez la date de la prochaine réinitialisation du décompte du forfait, le nombre de pages vues, votre quota d’utilisation du CDN pour le mois en cours et le nombre de pages optimisées.

Il y est également possible de purger le cache, choisir les types de pages à optimiser, d’activer le préchauffage du cache (cache warmup) qui planifie de nouvelles optimisations pour les pages après une purge ou une invalidation ou bien encore d’activer le mode sans échec (safe mode) pour effectuer des tests sur les paramètres sans affecter l’expérience utilisateur.

Pour information, lorsque vous activez le mode sans échec, votre site Web est opérationnel et réagit comme si NitroPack était désactivé. Mais, vous pouvez accéder à la version de test (optimisée) de n’importe quelle page en ajoutant ?testnitro=1 à son URL.

Sinon, au sujet de l’invalidation du cache, si vous la cherchez, sachez qu’elle ne se trouve pas dans le tableau de bord NitroPack, mais dans les pages ou articles en mode édition.😉

Si vous vous y connaissez un peu en termes d’optimisations, peut-être voudrez-vous effectuer des paramétrages avancés.

Voyons tout de suite les affinements qui peuvent être faits.

Affinement manuel du paramétrage de NitroPack

En premier lieu, accédez à votre tableau de bord sous NitroPack.io via le lien situé en bas des paramètres de l’extension NitroPack.

Rendez-vous dans les réglages (settings). Ensuite, il ne vous reste plus qu’à activer ou à désactiver la fonctionnalité que vous souhaitez ajuster, puis, le cas échéant, indiquer les exclusions ou autres que vous souhaitez.

Vous pouvez, par exemple :

• Ajuster le délai d’expiration du cache
• Lister les seules URL à optimiser
• Spécifier une liste d’URL que vous ne souhaitez pas optimiser
• Lister des URL AJAX que vous souhaitez mettre en cache
• Indiquer des règles CSS personnalisées
• Exclure des cookies de l’optimisation
• Exclure des ressources (Images, JavaScript, CSS, etc.)
• Indiquer les scripts à différer
• Spécifier des attributs d’élément DOM contenant des URL d’images à optimiser
• Choisir de minifier les éléments JSON-LD dans le document HTML
• Minifier le HTML
• Conserver les commentaires HTML
• Optimiser les annonces
• Ne pas optimiser les scripts OptinMonster

Et puis, toujours dans les réglages, sous l’onglet intégrations, si vous utilisez un proxy inverse (Varnish, NGINX, etc.), Cloudflare ou la suite de sécurité Sucuri, vous pourrez en configurer leurs paramètres afin qu’ils fonctionnent avec l’API de NitroPack.

Continuons sans délai avec les analyses se trouvant dans le tableau de bord de Nitropack.

Vues du tableau de bord sous Nitropack.io

Bien sûr, il existe un tableau de bord NitroPack sous WordPress qui vous indique succinctement certaines données. Mais si vous souhaitez analyser de manière plus approfondie vos données, faites un petit tour dans celui de votre compte sur nitropack.io.

Vous y trouverez :

• Le pourcentage de cache utilisé
• Le nombre de pages optimisées
• La taille du cache
• Quand a été faite la dernière purge du cache
• Un graphique de l’utilisation du CDN et des pages vues
• Ce que vous avez utilisé comme ressources lors du mois en cours
• Ainsi que toutes les fonctionnalités actives

Ensuite, dirigez-vous vers le journal d’utilisation des services afin de consulter, non seulement, l’utilisation du cache de l’API répartie en nombre de pages vues et taille de la bande passante utilisée, mais également l’usage des ressources avec les dates/heures, les types d’événements, les URL… de votre site par jour.

Pour information, les données sont téléchargeables via un fichier .csv.

Et enfin poursuivez votre périple vers l’onglet optimisation pour découvrir en détail les pages d’ores et déjà optimisées que ce soit pour le mode mobile ou bureau.

Il est à noter qu’ici se cache une fonctionnalité sympa. En effet, au bout de chaque ligne d’URL, se trouve une icône sur laquelle il suffit de cliquer pour être redirigé pour obtenir le score de l’URL sur PageSpeed Insights.

Comment vérifier l’impact de NitroPack (avant/après) ?

Vous souhaitez peut-être visualiser ce qu’apporte l’optimisation de Nitropack en termes de performances sur votre site style avant/après ?

Alors, sachez qu’il existe un moyen très simple de voir les résultats des optimisations de NitroPack sur n’importe quelle page de votre site WordPress.

En premier lieu, testez une page optimisée avec PageSpeed ​​Insights, GTmetrix ou tout autre outil de test de vitesse.

Puis, dans un onglet séparé, testez une version non optimisée de la même page en ajoutant ?nonitro à l’URL, comme ceci : https://votresite.com/blog/?nonitro.

Il ne vous reste plus qu’à comparer les résultats des deux tests. 😉

Test d’optimisation d’un site sous WordPress avec NitroPack

C’est bien joli tout ce blabla, mais que diriez-vous de voir un résultat concret.

Prenons pour exemple un site que j’ai créé dernièrement sur un hébergement Ionos. Pour ce qui est de ce site, j’ai utilisé le builder Elementor. Par ailleurs, il comprend pas mal d’animations.

Il est à noter aussi que j’utilise le mode ludicrous par défaut. Et voici les résultats de performance qu’obtiennent les cinq pages de ce site WordPress sans et avec l’optimisation de NitroPack (tests LightHouse en date du 30/01/2022).

Pas mal, hein !

Mon avis sur NitroPack

Oups désolée, comme d’habitude, au départ, je ne voulais écrire qu’un petit article, mais j’avais tellement de choses à raconter sur NitroPack que c’est devenu un roman-fleuve. Et encore, je ne vous ai pas tout dévoilé. 😅 Alors merci à ceux qui sont arrivés jusqu’ici.

Pour conclure, il est évident que NitroPack est réellement une bouée de sauvetage pour ceux qui n’ont pas envie de mettre les mains dans le cambouis pour optimiser leur site WordPress.🙂

Néanmoins, le forfait gratuit ne conviendra qu’à des petits sites sans beaucoup de trafic. En ce qui concerne l’utilisation de NitroPack sur de gros sites, vous pouvez toujours opter pour un forfait payant, mais, là, franchement, les tarifs s’envolent. ☹️

Mon conseil : testez le forfait gratuit de NitroPack et dites-moi ce que vous en pensez. 😉