Gestion des performances Magento et Hebergement

1,113 views
1,036 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,113
On SlideShare
0
From Embeds
0
Number of Embeds
257
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×