1.
PENDANT LES FORTES
PÉRIODES COMMERCIALES
Gérer sa plateforme e-commerce

2.
Présentation
La complémentarité Intégrateur/Hébergeur
Infrastructure
Application
Architecture logicielle
MOA
Intégrateur
Hébergeur
Client

3.
Références
oxalide
eCommerçants SaaS eCommerce
Conseil / Infogérance / Hébergement
13
Années d’expertise
7 38
Millions de chiffre
d’affaire en 2012
Collaborateurs

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

6.
1
La problématique :
Comment gérer son site e-commerce
durant les fortes périodes commerciales

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

11.
Visiteurs Ressources limitées
Efficience applicative

12.
2
Le caching
une gestion différenciée des visiteurs

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

18.
3
Augmentez sa capacité d’accueil
la scalabilité de son magasin

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

21.
4
Le dashboard
Le suivi de la performance d’accueil

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

23.
5
Le Caching
Comment gérer l’applicatif

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

31.
6
Optimisations
Ne pas oublier…

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

33.
Optimisations web
Exemples
• Réduction des données à récupérer
• Meilleur temps de réponse
Avant Après

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

35.
7
Conclusion :
Les bonnes pratiques à retenir !

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

39.
Favoriser la collaboration
Organisation entre les acteurs
Infrastructure
Application
Architecture logicielle
MOA
Intégrateur
Hébergeur
Client

40.
Favoriser la collaboration
Organisation entre les acteurs
Infrastructure
Application
Architecture logicielle
MOA
Intégrateur
Hébergeur
Client
DEVOPS

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