Découvrez de précieux conseils qui vous permettront d'améliorer vos performances durant les fortes périodes commerciales ( soldes, promotions, lancement produit, saisonnalité de l'activité, ventes privées...), grâce a cette conférence donnée à l'occasion du tout premier Web2Business
4. Références
Xi Ingénierie
5 10 1
Années d’expertise
MAGENTO
Certified Developer
MAGENTO
Best seller
MAGENTO
Notre savoir-faire : Nos références B2C & B2B
5. Sommaire
1. Comment gérer son site e-commerce
durant les fortes périodes
commerciales ?
2. Côté hébergement :
L’optimisation du cache
L’augmentation de sa capacité d’accueil
Le suivi de la performance d’accueil
3. Côté application :
L’optimisation du cache
Les optimisations à ne pas oublier…
Les bonnes pratiques à retenir
7. Les fortes périodes commerciales
Les impacts
Périodes
commerciales
importantes
Soldes
Promotions
Lancement produit
Saisonnalité de l’activité
Ventes privées
…
Offline
Online
8. Les fortes périodes commerciales
L’expérience utilisateur dégradée
Temps de réponse augmente fortement
jusqu’à une rupture de service
9. Les fortes périodes commerciales
Chiffre d’affaires impacté
Le manque à gagner
pendant les chargements
10. La dette technique
Le principe
Serveur Web
Site eCommerce
Bases de
données
Moteur de
recherche
faible important
Temps de traitement et de réponse
13. L’expérience utilisateur
De l’entrée aux caisses
L’accueil et le traitement des visiteurs
Définir les bonnes conditions
en toute circonstance
• Un temps de réponse maximum, moyen
• Un nombre de requêtes par seconde
• Nombre de connexions simultanées
• Nombre de visiteurs sur une période
• Capacité de montée en charge sur une courte période
shop
14. Les comportements de visiteurs
Des sollicitations différentes
Curieux
Flâneur
Indécis
Acheteur
02 à 06 %
des visites
94 à 98 %
des visites
taux de conversion
Google et Kantar Media Compete
1er semestre 2013
15. Le caching
Le principe
Distributeur de contenu spécialisé
dans la livraison de contenus
à haut débit
Traitement d’une requête avec
du contenu
CACHE APPLICATIONS
Le résultat stocké
dans le cache
16. Améliorer les temps de réponse
La protection des ressources
APC
Memcached
Query Cache
10 %100 % 90 %
1er rempart 2ème rempart 3ème rempart 4ème rempart
Curieux AcheteurFlâneur Indécis
17. Gains
Par rapport à un site non-optimisé
Accélérez les temps de réponses
Améliorez l’expérience client
Multipliez
la capacité
d’accueil des
visiteurs
Réduisez
le temps des
traitements
récurrents
x 100 / Y
19. Augmentez la capacité d’accueil de sa boutique
La scalabilité de sa boutique
shop
shop
shop
shop
20. Augmentez la capacité d’accueil de sa boutique
Une architecture scalable
Application
eCommerce
Applications
sur les frontaux
Cache
frontal
Cache
applicatif
Backend
Backoffice
Application
eCommerce
22. Le dashboard
Le suivi de la performance d’accueil
MESURER ET MONITORER LA PERFORMANCE
Technique : La taille et le nombre des éléments du cache
UX : Le KPI de l’expérience utilisateur
STORE
CAPACITY KPI
24. Le caching applicatif
Les différents caches
CACHE
Contenu
Statique
Pages
CMS
Home
Page
Médias
Autres
Pages
Contenu
Dynamique
Bannières Notifications Prix/Stocks
Informations
client
Applicatif
Configura
tions Caches Indexes / Flat
Application
25. Le caching des objets dynamiques
Comment gérer ces objets
Les données utilisateurs
Authentification
Contenus dynamiques
Cookies
Les données produit variables
Stocks
Prix promotionnels et/ou modifiés
Ajax
ESI
Les éléments dynamiques d’une page
Le découpage des pages en zones
dynamiques et statiques
26. Caching des objets
Les placeholders ESI – Home Page
Quelques exemples de ESI :
• Messages personnalisés
• Mon panier
• Ma liste de vœux
• Bannières
personnalisées
• Mon compte
• Notifications
• …
27. Caching des objets
Les placeholders ESI – Fiche Produit
Quelques exemples de ESI :
• Mutualisation de blocks
ESI
• Disponibilité
• Tarif de base
• Tarif personnalisé
• …
28. Le Cache
Mesures avec Magento + APC + Varnish
STORE
CAPACITY
KPI
Technique
Bonne gestion du cache entre
l’applicatif et l’infrastructure
DEVOPS
Visiteurs
416,67
Pages/Second
2,4
Pages/Second
0,85
Pages/Second
Magento Magento
+
APC
Magento
+
APC
+
Varnish
29. Les pics de charge
Périodes importantes
Facteurs
déclencheurs
Saisonnalité de l’activité
(Soldes, été, hiver, etc..)
Animations commerciales
(Promotions, lancement
produit, ventes privées …)
+ Imprévu !
30. Charge serveur
Les flux du SI en plus
Hébergement
e-commerce
ERP
PIM
Back-
office
SOLR,
Autres…
Cache
Orchestrer efficacement les flux
• Important de prendre en compte les autres composants et leurs impacts :
• Sur l’invalidation du cache
• Sur les temps d’indexation et de traitements de données
• Le cache ne sert à rien s’il est tout le temps invalidé.
• Orchestrer efficacement les flux pour éviter la dégradation des performances.
Invalidation
32. • Compression JS et CSS côté applicatif.
• Compression de données avant envoi au navigateur par le serveur.
• Gestion du délai d’expiration des fichiers reçus par le navigateur.
• Paralléliser les requêtes navigateur
Optimisations web
Ne pas oublier le Navigateur
HébergementNavigateurs
Optimisations flux
Mise en
cache
Optimisation gestion du cache
navigateur
Meilleure expérience
34. • Impacts sur le référencement moteur de recherche.
• Google tient compte des temps de chargement des pages.
• Utilisation d’outils pour évaluer et optimiser la rapidité
d’accès à un site web.
• Bonnes pratiques SEO.
Moteurs de recherches
Impacts sur le référencement
36. • Dégradations des performances
• Insatisfaction client
• Rebond vers un concurrent
Le cache n’est pas un « cache misère »
Attention au temps de génération du contenu
En cas d’invalidation du
cache le site est « lent »
37. • Définissez les KPI d’UX au niveau applicatif
• Mesurez :
– Les limites « peak » et la « médiane »
– Avec des indicateurs de performance dans le code
– En continue avec outils de monitoring
• Contrôlez avec :
– Un outil d’intégration continue
– Une checklists de qualité et de la performance du code
• Testez :
– Avec des produits et des volumétries « réelles »
• Disposez d’une forte expertise technique
– Pour être formé techniquement
– Pour pourvoir co-développer
Conclusion
Considérez la problématique tout au long du projet.
38. Conclusion
L’anticipation et la collaboration
1
2
3
Favorisez
La collaboration
Moa / Dev et Ops
Considérez
La problématique
Tout au long du projet
Intégrez
La performance
Dans le planning
41. Besoin de plus d’informations ?
E-mail : contact@x2i.fr
Tel : +33.1.84.17.24.74
Hébergement Infogérance pour vos
projets web Open-source
Consulting e-commerce,
Développement Magento,
Accompagnement
E-mail : contact@oxalide.com
Tel : +33.1.75.771.666