PENDANT LES FORTES
PÉRIODES COMMERCIALES
Gérer sa plateforme e-commerce
Présentation
La complémentarité Intégrateur/Hébergeur
Infrastructure
Application
Architecture logicielle
MOA
Intégrateur
H...
Références
oxalide
eCommerçants SaaS eCommerce
Conseil / Infogérance / Hébergement
13
Années d’expertise
7 38
Millions de ...
Références
Xi Ingénierie
5 10 1
Années d’expertise
MAGENTO
Certified Developer
MAGENTO
Best seller
MAGENTO
 Notre savoir-...
Sommaire
1. Comment gérer son site e-commerce
durant les fortes périodes
commerciales ?
2. Côté hébergement :
 L’optimisa...
1
La problématique :
Comment gérer son site e-commerce
durant les fortes périodes commerciales
Les fortes périodes commerciales
Les impacts
Périodes
commerciales
importantes
Soldes
Promotions
Lancement produit
Saisonn...
Les fortes périodes commerciales
L’expérience utilisateur dégradée
Temps de réponse augmente fortement
jusqu’à une rupture...
Les fortes périodes commerciales
Chiffre d’affaires impacté
Le manque à gagner
pendant les chargements
La dette technique
Le principe
Serveur Web
Site eCommerce
Bases de
données
Moteur de
recherche
faible important
Temps de t...
Visiteurs Ressources limitées
Efficience applicative
2
Le caching
une gestion différenciée des visiteurs
L’expérience utilisateur
De l’entrée aux caisses
L’accueil et le traitement des visiteurs
Définir les bonnes conditions
en...
Les comportements de visiteurs
Des sollicitations différentes
Curieux
Flâneur
Indécis
Acheteur
02 à 06 %
des visites
94 à ...
Le caching
Le principe
Distributeur de contenu spécialisé
dans la livraison de contenus
à haut débit
Traitement d’une requ...
Améliorer les temps de réponse
La protection des ressources
APC
Memcached
Query Cache
10 %100 % 90 %
1er rempart 2ème remp...
Gains
Par rapport à un site non-optimisé
Accélérez les temps de réponses
Améliorez l’expérience client
Multipliez
la capac...
3
Augmentez sa capacité d’accueil
la scalabilité de son magasin
Augmentez la capacité d’accueil de sa boutique
La scalabilité de sa boutique
shop
shop
shop
shop
Augmentez la capacité d’accueil de sa boutique
Une architecture scalable
Application
eCommerce
Applications
sur les fronta...
4
Le dashboard
Le suivi de la performance d’accueil
Le dashboard
Le suivi de la performance d’accueil
MESURER ET MONITORER LA PERFORMANCE
Technique : La taille et le nombre d...
5
Le Caching
Comment gérer l’applicatif
Le caching applicatif
Les différents caches
CACHE
Contenu
Statique
Pages
CMS
Home
Page
Médias
Autres
Pages
Contenu
Dynamiq...
Le caching des objets dynamiques
Comment gérer ces objets
Les données utilisateurs
Authentification
Contenus dynamiques
Co...
Caching des objets
Les placeholders ESI – Home Page
Quelques exemples de ESI :
• Messages personnalisés
• Mon panier
• Ma ...
Caching des objets
Les placeholders ESI – Fiche Produit
Quelques exemples de ESI :
• Mutualisation de blocks
ESI
• Disponi...
Le Cache
Mesures avec Magento + APC + Varnish
STORE
CAPACITY
KPI
Technique
Bonne gestion du cache entre
l’applicatif et l’...
Les pics de charge
Périodes importantes
Facteurs
déclencheurs
Saisonnalité de l’activité
(Soldes, été, hiver, etc..)
Anima...
Charge serveur
Les flux du SI en plus
Hébergement
e-commerce
ERP
PIM
Back-
office
SOLR,
Autres…
Cache
Orchestrer efficacem...
6
Optimisations
Ne pas oublier…
• Compression JS et CSS côté applicatif.
• Compression de données avant envoi au navigateur par le serveur.
• Gestion du d...
Optimisations web
Exemples
• Réduction des données à récupérer
• Meilleur temps de réponse
Avant Après
• Impacts sur le référencement moteur de recherche.
• Google tient compte des temps de chargement des pages.
• Utilisation...
7
Conclusion :
Les bonnes pratiques à retenir !
• Dégradations des performances
• Insatisfaction client
• Rebond vers un concurrent
Le cache n’est pas un « cache misère »...
• Définissez les KPI d’UX au niveau applicatif
• Mesurez :
– Les limites « peak » et la « médiane »
– Avec des indicateurs...
Conclusion
L’anticipation et la collaboration
1
2
3
Favorisez
La collaboration
Moa / Dev et Ops
Considérez
La problématiqu...
Favoriser la collaboration
Organisation entre les acteurs
Infrastructure
Application
Architecture logicielle
MOA
Intégrate...
Favoriser la collaboration
Organisation entre les acteurs
Infrastructure
Application
Architecture logicielle
MOA
Intégrate...
Besoin de plus d’informations ?
E-mail : contact@x2i.fr
Tel : +33.1.84.17.24.74
Hébergement Infogérance pour vos
projets w...
Prochain SlideShare
Chargement dans…5
×

Gestion des performances Magento et Hebergement

1 272 vues

Publié le

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

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 272
Sur SlideShare
0
Issues des intégrations
0
Intégrations
291
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Gestion des performances Magento et Hebergement

  1. 1. PENDANT LES FORTES PÉRIODES COMMERCIALES Gérer sa plateforme e-commerce
  2. 2. Présentation La complémentarité Intégrateur/Hébergeur Infrastructure Application Architecture logicielle MOA Intégrateur Hébergeur Client
  3. 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. 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. 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. 6. 1 La problématique : Comment gérer son site e-commerce durant les fortes périodes commerciales
  7. 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. 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. 9. Les fortes périodes commerciales Chiffre d’affaires impacté Le manque à gagner pendant les chargements
  10. 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. 11. Visiteurs Ressources limitées Efficience applicative
  12. 12. 2 Le caching une gestion différenciée des visiteurs
  13. 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. 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. 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. 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. 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. 18. 3 Augmentez sa capacité d’accueil la scalabilité de son magasin
  19. 19. Augmentez la capacité d’accueil de sa boutique La scalabilité de sa boutique shop shop shop shop
  20. 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. 21. 4 Le dashboard Le suivi de la performance d’accueil
  22. 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. 23. 5 Le Caching Comment gérer l’applicatif
  24. 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. 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. 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. 27. Caching des objets Les placeholders ESI – Fiche Produit Quelques exemples de ESI : • Mutualisation de blocks ESI • Disponibilité • Tarif de base • Tarif personnalisé • …
  28. 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. 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. 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. 31. 6 Optimisations Ne pas oublier…
  32. 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. 33. Optimisations web Exemples • Réduction des données à récupérer • Meilleur temps de réponse Avant Après
  34. 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. 35. 7 Conclusion : Les bonnes pratiques à retenir !
  36. 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. 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. 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. 39. Favoriser la collaboration Organisation entre les acteurs Infrastructure Application Architecture logicielle MOA Intégrateur Hébergeur Client
  40. 40. Favoriser la collaboration Organisation entre les acteurs Infrastructure Application Architecture logicielle MOA Intégrateur Hébergeur Client DEVOPS
  41. 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

×