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

NitroPack ou l’optimisation facile d’un site WordPress en 1 clic
15 mn de lecture

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.

Badge NitroPack visible en pied de page

💡 Bon à savoir

Si vous atteignez votre quota de pages vues ou votre limite de bande passante de CDN, NitroPack sera automatiquement dĂ©sactivĂ©. Votre site Web continuera Ă  fonctionner normalement, mais NitroPack ne l’optimisera pas. 

NĂ©anmoins, il vous suffira de patienter jusqu’Ă  la date de rĂ©initialisation des quotas d’utilisation des ressources.

Une alerte vous sera envoyĂ©e lorsque vous atteignez 80 % de vos pages vues ou de votre bande passante CDN et aussi aprĂšs que vous ayez consommĂ© 100 % de l’une ou l’autre des ressources.

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.

Forfait mensuel

Forfait annuel

  • 1 site

  • Jusqu'à 50 000 pages vues par mois

  • CDN : 25 Go/mois de bande passante

21 $/mois

17,50 $/mois

  • 1 site web
    200 000 pages vues /mois

  • 200 000 pages vues /mois

  • CDN : 100 Go/mois de bande passante

51 $/mois

42,50 $/mois

  • 1 site web

  • 1 000 000 pages vues /mois

  • CDN : 500 Go/mois de bande passante

176 $/mois

146,67 $/mois

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

plugin optimisation en un clic de site sous WordPress 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.

installation NitroPack site WordPress

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.

création compte NitroPack

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.

ajouter site WordPress dans NitroPack

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

fenĂȘtre connexion directe Ă  NitroPack du site WordPress

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.

NitroPack retrouver clé API

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.

tableau de bord NitroPack dans wordPress

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.😉

NitroPack invalidation du cache

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.

lien tableau de bord NitroPack.io

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.

réglages manuels optimisation site WordPress NitroPack

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.

réglages intégrations 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
vue du tableau de bord NitroPack.io

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.

utilisation API cache ressources NitroPack

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.

optimisation site WordPress par URL NitroPack

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 !

Optimisation NitroPack page accueil site WordPress score lighthouse 30/01/2022
Optimisation NitroPack page prevention Santé site WordPress score lighthouse 30/01/2022
Optimisation NitroPack page A propos site WordPress score lighthouse
Optimisation NitroPack page partenaires site WordPress score lighthouse
Optimisation NitroPack page contact site WordPress score lighthouse

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. 😉

Soumettre un commentaire 💬

guest
0 Commentaires
Commentaires en ligne
Afficher tous les commentaires