Performance d’un site webBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
Pourquoi faire attention à la vitesse                 de son site ?           Impact sur le CA           Impact sur la nav...
Pourquoi faire attention à la vitesse                 de son site ?           Exemples :               100 ms de temps de ...
Comment mesure la vitesse ?           Mesure ponctuelle : onglet réseau de FirebugBarcamp e-commerce & SEO – Jeudi 4 avril...
Comment mesure la vitesse ?           Mesure régulière :               Essentielle pour voir les pics de charges, des anom...
Prix de l’optimisationBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
Axes de progrès         Temps de chargement des pages             Optimisation des images             Compression CSS / Ja...
Axes de progrès           Comment automatiser ? Cas pratique avec les images               Une image envoyée par un utilis...
Axes de progrès           Comment automatiser ? Cas pratique avec les images               PrestashopBarcamp e-commerce & ...
Axes de progrèsComment automatiser ? Cas pratique avec les images  Prestashop
Axes de progrès           Comment automatiser ? Cas pratique avec les images               DrupalBarcamp e-commerce & SEO ...
Axes de progrès          Comment automatiser ? Cas pratique avec les images              Drupal84110 Vaison la Romaine - 0...
Axes de progrès           Comment automatiser ? Cas pratique avec les images                Utilisation avancée avec les C...
Axes de progrès           Et pour aller plus loin ?               Extension Firefox « Google PageSpeed »               htt...
Axes de progrèsEt pour aller plus loin ?  Extension Firefox « Google PageSpeed »  https://developers.google.com/speed/page...
Hébergement           Mutualisé / Serveur virtuel / Serveur dédié           Performance / DisponibilitéBarcamp e-commerce ...
Génération des pages           Installation de PHP :               Module Apache / CGI               Performance vs Sécuri...
Génération des pages           Développement               Performance vs Maintenance ?               Bonnes pratiques    ...
Génération des pages           Cache d’opcode               APC : précompilation et mise en RAM               L’optimisati...
Génération des pages           Base de données               Extensions php : PDO / mysql / mysqli               Lecture v...
Génération des pages           Base de données MySQL               Attention aux sauvegardes (LOCK, Sauvegarde Slave)     ...
Cache           Le cache est une mauvaise chose, mais il est           nécessaire               Gérer du cache fait baisse...
Cache           Quoi mettre en cache :               Cache du navigateur : images, css, html, js               Cache appli...
Cache           Où mettre en cache :               Lents : fichier, base de données               Rapides : mémoire viveBa...
Gérer les pics d’activité           Distribuer le cache en mémoire vive               Memcache           Répartir les lect...
Gérer les pics d’activité          Des questions ?84110 Vaison la Romaine - 04 90 36 09 45commercial@vaisonet.com - www.va...
Prochain SlideShare
Chargement dans…5
×

Performance d'un site Internet

1 120 vues

Publié le

Quels sont les premiers points à contrôler pour optimiser son site web ? Quels bénéfices pour l'affichage et à quel coût ? Cas pratique avec Prestashop et Drupal au Barcamp e-commerce et SEO d'Avignon le jeudi 4 avril 2013

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 120
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Performance d'un site Internet

  1. 1. Performance d’un site webBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  2. 2. Pourquoi faire attention à la vitesse de son site ? Impact sur le CA Impact sur la navigation Impact suspecté sur le référencementBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  3. 3. Pourquoi faire attention à la vitesse de son site ? Exemples : 100 ms de temps de chargement supplémentaire, et Amazon va perdre 1% de ses ventes 500 ms de plus sur Google, cest 20% de recherche en moins. 2 secondes de plus chez Bing, et cest plus de 4% de revenu en moins par utilisateur.Barcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  4. 4. Comment mesure la vitesse ? Mesure ponctuelle : onglet réseau de FirebugBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  5. 5. Comment mesure la vitesse ? Mesure régulière : Essentielle pour voir les pics de charges, des anomalies passagère. Google Analytics  vitesse perçue par l’utilisateur Google Webmaster Tools  vitesse perçue par Google Cacti, MRTG, Nagios, Mumin, …  vitesse « reproductible »Barcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  6. 6. Prix de l’optimisationBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  7. 7. Axes de progrès Temps de chargement des pages Optimisation des images Compression CSS / Javascript / HTML Proximité du serveur Serveur « média » : CDN, Varnish Serveur « application » : Apache, NginxBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  8. 8. Axes de progrès Comment automatiser ? Cas pratique avec les images Une image envoyée par un utilisateur n’est jamais optimisée C’est au développeur de proposer une solutionBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  9. 9. Axes de progrès Comment automatiser ? Cas pratique avec les images PrestashopBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  10. 10. Axes de progrèsComment automatiser ? Cas pratique avec les images Prestashop
  11. 11. Axes de progrès Comment automatiser ? Cas pratique avec les images DrupalBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  12. 12. Axes de progrès Comment automatiser ? Cas pratique avec les images Drupal84110 Vaison la Romaine - 04 90 36 09 45commercial@vaisonet.com - www.vaisonet.com
  13. 13. Axes de progrès Comment automatiser ? Cas pratique avec les images Utilisation avancée avec les CDN : 1. Charger les images dans le CDN avec un traitement par batch : File Conveyor 2. Diffuser les images via un CDNBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  14. 14. Axes de progrès Et pour aller plus loin ? Extension Firefox « Google PageSpeed » https://developers.google.com/speed/pagespeed/?hl=frBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  15. 15. Axes de progrèsEt pour aller plus loin ? Extension Firefox « Google PageSpeed » https://developers.google.com/speed/pagespeed/?hl=fr
  16. 16. Hébergement Mutualisé / Serveur virtuel / Serveur dédié Performance / DisponibilitéBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  17. 17. Génération des pages Installation de PHP : Module Apache / CGI Performance vs Sécurité ?Barcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  18. 18. Génération des pages Développement Performance vs Maintenance ? Bonnes pratiques Design patternBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  19. 19. Génération des pages Cache d’opcode APC : précompilation et mise en RAM L’optimisation la plus facile à faire Le gain le plus efficace (environ de 20 à 40%)Barcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  20. 20. Génération des pages Base de données Extensions php : PDO / mysql / mysqli Lecture vs Ecriture Moteurs de stockage : InnoDB, MyIsam, Memory SQLite MySQL, MariaDB, PerconaBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  21. 21. Génération des pages Base de données MySQL Attention aux sauvegardes (LOCK, Sauvegarde Slave) Réplication / Cluster GeneralQuery, Slow Query, Bin, Error, Moteurs de stockage : InnoDB, MyIsam, Memory SQLite MySQL, MariaDB, Percona MySQLTunerBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  22. 22. Cache Le cache est une mauvaise chose, mais il est nécessaire Gérer du cache fait baisser les performances Utiliser du cache donne des données obsolètes à l’utilisateurBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  23. 23. Cache Quoi mettre en cache : Cache du navigateur : images, css, html, js Cache applicatif web : « portions » de site Cache http Cache MySQL : requêtesBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  24. 24. Cache Où mettre en cache : Lents : fichier, base de données Rapides : mémoire viveBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  25. 25. Gérer les pics d’activité Distribuer le cache en mémoire vive Memcache Répartir les lectures MySQL Utiliser un CDNBarcamp e-commerce & SEO – Jeudi 4 avril 2013commercial@vaisonet.com - www.vaisonet.com
  26. 26. Gérer les pics d’activité Des questions ?84110 Vaison la Romaine - 04 90 36 09 45commercial@vaisonet.com - www.vaisonet.com

×