Guide de recette Fasterize - Comment valider les optimisations Fasterize sur votre site ?

TABLE DES MATIÈRES

• Introduction
• Étape 1 : Installer et utiliser l’extension Fasterize
  • Installation
  • Utilisation
• Étape 2 : Vérifier les optimisations visuelles et fonctionnelles
  • Vérifier les images
  • Vérifier les fonctionnalités du site
• Étape 3 : Vérifier le cache Fasterize
  • Comprendre le fonctionnement du cache
  • Scénario standard de validation
• Étape 4 : Remonter les anomalies et suivre les corrections
• Conclusion

Introduction

Avant de mettre en production votre site optimisé par Fasterize, il est essentiel de valider que tout fonctionne correctement : rendu visuel, performances, cache et respect des données personnelles.

Ce guide vous accompagne pas à pas pour tester et valider les optimisations Fasterize sur votre site, afin de garantir une intégration fluide et conforme.

Ce processus complète vos tests internes en se concentrant sur les spécificités de Fasterize.

Étape 1 : Installer et utiliser l’extension Fasterize

Installation

Pour faciliter vos tests, installez l’extension dédiée :

• Extension Chrome

• Extension Firefox

⚠️ Utilisez l’extension uniquement sur le domaine de votre site déjà branché à Fasterize en mode Discovery (phase d’observation sans activation des optimisations).

Cette extension remonte différentes informations expliquées sur ce schéma :

Utilisation

Une fois installée, ouvrez l’onglet Info de l’extension. Vous verrez un indicateur de couleur qui vous informe sur l’état d’optimisation de la page :

• Vert → la page est optimisée et servie depuis le cache Fasterize

• Orange → la page est exclue du cache ou non optimisée

Vous pouvez aussi comparer les deux versions d’une même page :

• See optimized pages : affiche la version accélérée

• See unoptimized pages : affiche la version originale

L’extension Fasterize est votre tableau de bord de recette : en un clic, vous visualisez le statut et les performances d’une page.

Étape 2 : Vérifier les optimisations visuelles et fonctionnelles

Vérifier les images

• Confirmez que toutes les images s’affichent correctement.

• Comparez la qualité visuelle avant/après optimisation pour valider qu’elle correspond à vos standards.

Vérifier les fonctionnalités du site

Testez toutes les interactions clés :

• Sliders et carrousels

• Formulaires et remontée des données back-office

• Menus, boutons, et navigation

• Connexion / déconnexion

• Parcours d’achat complet

• Filtres et recherche

⚠️ Si un comportement diffère entre la version originale et la version optimisée, notez-le dans le fichier de suivi fourni par votre CSE.

Étape 3 : Vérifier le cache Fasterize

Comprendre le fonctionnement du cache

Fasterize utilise plusieurs types de cache, selon la nature de vos pages :

• Pages cachées : pages standards mises en cache. En mode Discovery, rechargez chaque page 2 à 3 fois pour simuler le comportement réel. L’extension passe au vert lorsque la page est bien en cache.

• Smartcache (Cache Utilisateur) : zones dynamiques (comme un panier ou un bloc personnalisé) identifiées par des sélecteurs CSS et exclues du cache.

  • Dans l’onglet Smartcache → Highlight dynamic areas, ces zones apparaissent en liseré orange.

• Pages exclues : pages sensibles (panier, tunnel de commande, espace client) non optimisées. L’extension s’affiche en orange.

Scénario standard de validation

1. Créez une session utilisateur complète : connectez-vous, ajoutez des produits au panier, mettez des favoris, etc.

2. Naviguez sur plusieurs pages et rechargez-les 2 à 3 fois pour les placer en cache.

3. Ouvrez une navigation privée (ou un autre navigateur), activez l’extension et refaites le même parcours.

4. Vérifiez l’isolation du cache : aucune donnée de votre session connectée ne doit apparaître.

Ce scénario permet de s’assurer que le cache Fasterize respecte la confidentialité des données tout en améliorant les performances.

Étape 4 : Remonter les anomalies et suivre les corrections

Votre CSE (Customer Success Engineer) vous partage un fichier de suivi de recette.

Utilisez-le pour :

• Déclarer chaque anomalie (avec l’URL et une capture si possible)

• Suivre leur traitement et correction

• Valider les correctifs avec votre CSE

Plus vos retours sont précis, plus la résolution est rapide et fiable.

Conclusion

En suivant ces étapes, vous validez la bonne intégration de Fasterize sur votre site avant mise en production.

Vous garantissez ainsi :

• un rendu visuel fidèle,

• un fonctionnement fluide,

• une configuration de cache optimale,

• et une collaboration efficace avec votre CSE.

✅ Vous êtes maintenant prêt à finaliser la recette de votre site et à profiter pleinement des optimisations Fasterize.