Les meilleures techniques d’optimisation d’un site e-commerce pour une rapidité exceptionnelle ! Par Philippe Humeau – NBS, et Rémi Gaillard – PrestaShop

1. PrestaShop - Un site e-commerce performant Les meilleures techniques d’optimisation d’un site e-commerce pour une rapidité exceptionnelle ! Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

3. NBS System héberge 500+ sites de E-commerce

4. Impliquédans la communauté E-commerce

5. Spécialiste de l’optimisation des performances

6. Développeursur le Core Prestashop

7. Spécialiste performance

8. 3 années chez PrestaShopBarcamp 3 PrestaShop- 31 Mars 2011 - Paris

10. Shopzillaa augmentésesrevenus de ~10% en passant de 7 à 2s de chargement

11. Yahoo : +400 ms, 5 to 9%de perte de traffic, Google : +500 ms, -20%trafic

12. Amazon : +100 ms, -1% de ventes

13. Les utilisateursinterrogésdéclarentque2 secondesc’estbien, 4s c’est trop

14. En 2010, 75% ne reviennent pas si un site est lent (64% in 2006)Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

16. 60% des visiteurspartentsiune pages de flux vidéo charge en plus de 6s

17. Google webmaster tools reporte les sites chargeants en plus d’1.5s comme lent

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. Uneautreétudemontreque 70% des revenues viennent de 30% des visites les plus rapidesBarcamp 3 PrestaShop- 31 Mars 2011 - Paris

21. Serveurs de medias,

22. Réplication MySQL,

23. Memcached,

24. Smarty en version 3,

25. Optimisation et diminution du nombre de requêtes SQL…150ms de temps de chargement !!! Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

26. PrestaShop - Un site e-commerce performant Magento CE 1.5.0.1 Prestashop 1.4.0.17 VS Temps de chargement des pages GRAPHSSSSSS Requêtes complétées par secondes Nb de visiteurs concourants Scénario de visite complet (recherche, vue produit, vue catégorie, ajout panier). Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

28. Activez les options relatives à la Performance :

29. Désactivez la compilation Smarty

30. Activez le cache Smarty

31. Activez CCC (Concaténation, Compression et mise en Cache)

32. Configurez les serveurs de media

33. Utilisez l’algorithme de cryptage de Cookie Rijndael

34. Activez la compression GZIPBarcamp 3 PrestaShop- 31 Mars 2011 - Paris

36. Désactivez le module de statistiques et utiliser un outil externe (Google Analytics, Weborama, ...)Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

38. Page d’erreur 404,

39. Liste des catégories,

40. Footer…Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

42. Supprimez les paniers inutilisés

43. Supprimez les bons de réductions expirésBarcamp 3 PrestaShop- 31 Mars 2011 - Paris

44. PrestaShop - Un site e-commerce performant Choisir une infrastructure d'hébergement à la hauteur des besoins Grand Moyen Petit Très Grand 30 000 Vu/J Séparation Mutualisé Virtualisé 80 000 visiteurs / jour : Bi datacenter, Haute dispo 100 000+ visiteurs / jour : Bi-Datacenter + CDN + E.T.Cloud Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

46. OptimisationAvancées

47. Les CDN

48. Le CloudBarcamp 3 PrestaShop- 31 Mars 2011 - Paris

51. Cherchez l’arbitrage entre compress & minify des JS & CSS ou non

52. Tweakezvotre configuration Apache (Etags, Expire headers, Gzip)

53. Utilisez PHP FPM et, quandcelaest possible, Nginx

54. Journalisez les Slow Query MysqlBarcamp 3 PrestaShop- 31 Mars 2011 - Paris

56. InstallezIRQ_Balance

57. Montez les disques en option noatime

58. Lower socket Wait Timeout in /proc

59. Utilisez des CDN (de # CNAMES)

60. Ajoutez un Reverse Proxy

61. Archivezvos logs et vos tables de DB

62. Fine tuning de MySQLBarcamp 3 PrestaShop- 31 Mars 2011 - Paris

64. HTML5

65. La dégradation progressive

66. Générez un sprite

67. Vérifiezles temps de réponsedes élémentsexternesinclus (JS/CSS/Img)Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

68. L’intérêt du CDN 8 ressources par serveurs, 32 ressources à la fois! 8 ressources, puis les 8 suivantes, etc… Barcamp 3 PrestaShop- 31 Mars 2011 - Paris

70. PrestaShop - Un site e-commerce performant Barcamp 3 PrestaShop- 31 Mars 2011 - Paris