PrestaShop - Un site e-commerce performant<br />Les meilleures techniques d’optimisation d’un site e-commerce pour une rap...
PrestaShop - Un site e-commerce performant<br />Qui sommes nous ?<br />Rémi Gaillard<br />PrestaShop<br />Philippe Humeau<...
NBS System héberge 500+ sites de E-commerce
Impliquédans la communauté E-commerce
Spécialiste de l’optimisation des performances
Développeursur le Core Prestashop
Spécialiste performance
3 années chez PrestaShop</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
PrestaShop - Un site e-commerce performant<br />Pourquoi un site e-commerce se doit d'être rapide et performant ?<br /><ul...
Shopzillaa augmentésesrevenus de ~10% en passant de 7 à 2s de chargement
Yahoo : +400 ms, 5 to 9%de perte de traffic, Google : +500 ms, -20%trafic
Amazon : +100 ms, -1% de ventes
Les utilisateursinterrogésdéclarentque2 secondesc’estbien, 4s c’est trop
En 2010, 75% ne reviennent pas si un site est lent (64% in 2006)</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
PrestaShop - Un site e-commerce performant<br />Pourquoi un site e-commerce se doit d'être rapide et performant ?<br /><ul...
60% des visiteurspartentsiune pages de flux vidéo charge en plus de 6s
Google webmaster tools reporte les sites chargeants en plus d’1.5s comme lent
Uneétuderécentemontrequ’un site, après optimisation, a augmenté de 33% le nombre de pages vues et augmenté son paniermoyen...
Prochain SlideShare
Chargement dans…5
×

Barcamp 3 PrestaShop - Conférence Optimisations et Hébergement de votre site PrestaShop

2 191 vues

Publié le

Les meilleures techniques d’optimisation d’un site e-commerce pour une rapidité exceptionnelle !

Par Philippe Humeau – NBS, et Rémi Gaillard – PrestaShop

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

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

Aucune remarque pour cette diapositive

Barcamp 3 PrestaShop - Conférence Optimisations et Hébergement de votre site PrestaShop

  1. 1. PrestaShop - Un site e-commerce performant<br />Les meilleures techniques d’optimisation d’un site e-commerce pour une rapidité exceptionnelle !<br />Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  2. 2. PrestaShop - Un site e-commerce performant<br />Qui sommes nous ?<br />Rémi Gaillard<br />PrestaShop<br />Philippe Humeau<br />NBS System<br /><ul><li>D.G de NBS System
  3. 3. NBS System héberge 500+ sites de E-commerce
  4. 4. Impliquédans la communauté E-commerce
  5. 5. Spécialiste de l’optimisation des performances
  6. 6. Développeursur le Core Prestashop
  7. 7. Spécialiste performance
  8. 8. 3 années chez PrestaShop</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  9. 9. PrestaShop - Un site e-commerce performant<br />Pourquoi un site e-commerce se doit d'être rapide et performant ?<br /><ul><li>Akamai & Forrester : 5 secondes de chargement = 20% de personnes qui partent
  10. 10. Shopzillaa augmentésesrevenus de ~10% en passant de 7 à 2s de chargement
  11. 11. Yahoo : +400 ms, 5 to 9%de perte de traffic, Google : +500 ms, -20%trafic
  12. 12. Amazon : +100 ms, -1% de ventes
  13. 13. Les utilisateursinterrogésdéclarentque2 secondesc’estbien, 4s c’est trop
  14. 14. En 2010, 75% ne reviennent pas si un site est lent (64% in 2006)</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  15. 15. PrestaShop - Un site e-commerce performant<br />Pourquoi un site e-commerce se doit d'être rapide et performant ?<br /><ul><li>La vitesse influence directement la SEO & la SEM
  16. 16. 60% des visiteurspartentsiune pages de flux vidéo charge en plus de 6s
  17. 17. Google webmaster tools reporte les sites chargeants en plus d’1.5s comme lent
  18. 18. Uneétuderécentemontrequ’un site, après optimisation, a augmenté de 33% le nombre de pages vues et augmenté son paniermoyen de 54 à 94$
  19. 19. Uneautreétudemontreque 70% des revenues viennent de 30% des visites les plus rapides</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  20. 20. PrestaShop - Un site e-commerce performant<br />PrestaShop, une solution rapide et performante<br />Plus de 265 fonctionnalités !<br /><ul><li>CCC,
  21. 21. Serveurs de medias,
  22. 22. Réplication MySQL,
  23. 23. Memcached,
  24. 24. Smarty en version 3,
  25. 25. Optimisation et diminution du nombre de requêtes SQL…</li></ul>150ms de temps de chargement !!!<br />Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  26. 26. PrestaShop - Un site e-commerce performant<br />Magento CE 1.5.0.1<br />Prestashop 1.4.0.17<br />VS<br />Temps de chargement des pages<br />GRAPHSSSSSS<br />Requêtes complétées par secondes<br />Nb de visiteurs concourants<br />Scénario de visite complet (recherche, vue produit, vue catégorie, ajout panier).<br />Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  27. 27. PrestaShop - Un site e-commerce performant<br />Comment configurer au mieux PrestaShop<br /><ul><li>Utilisez la dernière version stable de PrestaShop
  28. 28. Activez les options relatives à la Performance :
  29. 29. Désactivez la compilation Smarty
  30. 30. Activez le cache Smarty
  31. 31. Activez CCC (Concaténation, Compression et mise en Cache)
  32. 32. Configurez les serveurs de media
  33. 33. Utilisez l’algorithme de cryptage de Cookie Rijndael
  34. 34. Activez la compression GZIP</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  35. 35. PrestaShop - Un site e-commerce performant<br /><ul><li>Supprimez ou désactivez les modules et fonctionnalités non utilisées
  36. 36. Désactivez le module de statistiques et utiliser un outil externe (Google Analytics, Weborama, ...)</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  37. 37. PrestaShop - Un site e-commerce performant<br />Rendre statique un maximum d’éléments<br /><ul><li>Page d’accueil,
  38. 38. Page d’erreur 404,
  39. 39. Liste des catégories,
  40. 40. Footer…</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  41. 41. PrestaShop - Un site e-commerce performant<br />Contenu de la base de données<br /><ul><li>Videz les tables de statistiques
  42. 42. Supprimez les paniers inutilisés
  43. 43. Supprimez les bons de réductions expirés</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  44. 44. PrestaShop - Un site e-commerce performant<br />Choisir une infrastructure d'hébergement à la hauteur des besoins<br />Grand<br />Moyen<br />Petit<br />Très Grand<br />30 000 Vu/J<br />Séparation<br />Mutualisé<br />Virtualisé<br />80 000 visiteurs / jour :<br />Bi datacenter, Haute dispo<br />100 000+ visiteurs / jour :<br />Bi-Datacenter + CDN + E.T.Cloud<br />Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  45. 45. Optimiser son infrastructure serveur<br /><ul><li>Optimisations Standards
  46. 46. OptimisationAvancées
  47. 47. Les CDN
  48. 48. Le Cloud</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  49. 49. Optimiser son infrastructure serveur<br /><ul><li>Séparez les usages (DB / Web / Medias)
  50. 50. Utilisez des RAMDISK pour les éléments</li></ul>fréquemmentappelés<br /><ul><li>Installez un system d’opcode cache (Eaccel)
  51. 51. Cherchez l’arbitrage entre compress & minify des JS & CSS ou non
  52. 52. Tweakezvotre configuration Apache (Etags, Expire headers, Gzip)
  53. 53. Utilisez PHP FPM et, quandcelaest possible, Nginx
  54. 54. Journalisez les Slow Query Mysql</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  55. 55. Optimiser son infrastructure serveur<br /><ul><li>Faites un peu de tuning de Linux (kernel & System)
  56. 56. InstallezIRQ_Balance
  57. 57. Montez les disques en option noatime
  58. 58. Lower socket Wait Timeout in /proc
  59. 59. Utilisez des CDN (de # CNAMES)
  60. 60. Ajoutez un Reverse Proxy
  61. 61. Archivezvos logs et vos tables de DB
  62. 62. Fine tuning de MySQL</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  63. 63. Optimisez le site<br /><ul><li>CSS3
  64. 64. HTML5
  65. 65. La dégradation progressive
  66. 66. Générez un sprite
  67. 67. Vérifiezles temps de réponsedes élémentsexternesinclus (JS/CSS/Img)</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  68. 68. L’intérêt du CDN<br />8 ressources par serveurs, 32 ressources à la fois!<br />8 ressources, puis les 8 suivantes, etc…<br />Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  69. 69. Extend to Cloud ©<br /><ul><li>En cas de charge de travail plus importante, un pic, l’infrastructure peut s’hybrider avec du Cloud Computing, c’est E.T.C, Extend To Cloud.</li></ul>Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />
  70. 70. PrestaShop - Un site e-commerce performant<br />Barcamp 3 PrestaShop- 31 Mars 2011 - Paris<br />

×