WebperfIndustrialisation : le monitoring à             pas cher                          Jean-pierre VINCENT
Qui ça ?        Jean-pierre VINCENT braincracking.org - @theystolemynickExpert indépendant : • Performance Web • JavaScrip...
Monitorer ?1. Point de départ dun projet Webperf2. Métriques de qualité
Convaincre, se rassurer
Quantifier
Gérer la masse
Cheap ?● 50 tests / minute● Spécialisé Webperf● URLs internes● Navigateurs et qualité réseau connus● Alertes, graphes, dét...
Cheap ?● 50 tests / minute● Spécialisé Webperf● URLs internes● Navigateurs et qualité réseau connus● Alertes, graphes, dét...
Outils● WebPageTest● WPT monitor● Graphite● 1 serveur● Machines virtuelles● De la sueur
WebPageTest privé
WebPageTest●   Agents
WebPageTest●Exemple dinstallation pour lesagents :  • 1 dedibox à 50€ / mois  • 16Go de RAM  • 10-15 XP / IE8 virtualisés
WebPageTest● Code            : historique● Doc dinstall   : bien mais pas top● Contribution    : à lancienne● API         ...
WebPageTest bit.ly/XAA8Lz
WPT monitor
WPT monitor
WPT monitorScripting :● Serveur tiers morts● Sans code tiers● Sans CDN● Navigation complexe
WPT monitor
WPT monitor
WPT monitor
WPT monitor● Code          : marchote● Doc dinstall : devine !● Contribution :● Interface     : perfectible● Alertes      ...
WPT monitorConseils :● Paramétrer Doctrine sur mysql● Prévoir 1 Mo / test● Bon pour le paramétrage des tests● Ré-écrire le...
Graphite
Graphite● Répandu● Joli ^_^● Ultra configurable● API simple
GraphitePousser une valeur :file_put_content  (udp://...,  “path1.path2.Key valeur timestampn“  );
Hacker WPT monitorExplorer lAPI WPThttp://wpt.org/xmlResult.php?test=xxxDes centaines dinfos : • Screenshots • Courbes CPU...
Hacker WPT monitorDans la fonction processResultsForAllExportResultToExternal(     $xml->data->median->firstView->TTFB,   ...
Hacker WPT monitor
Hacker WPT monitorDans la fonction processAlertsForJobExportResultToExternal(     1,     alerts..$alertLabel..     .$alert...
Hacker WPT monitor
ComplémentsÉtendre Graphite :●   Tasseo : Dashboard                   ( https://github.com/obfuscurity/tasseo)●   Umpire :...
Conclusion●   Le cheap, cest chic●   À comparer aux solutions payantes●   Le monitoring, cest sur le long terme
MerciQuestions ?       braincracking.org
Le monitoring de la performance front
Le monitoring de la performance front
Prochain SlideShare
Chargement dans…5
×

Le monitoring de la performance front

1 725 vues

Publié le

Avant d'entamer un chantier de performance Web, il convient de mettre en place du monitoring.
En particulier si vous voulez gérer sur le long terme la qualité, si vous avez beaucoup de sites et de pages à gérer.
Cette présentation est tirée d'un retour d'expérience d'installation de monitoring spécialisé en performance Web, avec des logiciels gratuits, et un serveur peu cher.

0 commentaire
7 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

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

Aucune remarque pour cette diapositive

Le monitoring de la performance front

  1. 1. WebperfIndustrialisation : le monitoring à pas cher Jean-pierre VINCENT
  2. 2. Qui ça ? Jean-pierre VINCENT braincracking.org - @theystolemynickExpert indépendant : • Performance Web • JavaScript, HTML5, CSS3
  3. 3. Monitorer ?1. Point de départ dun projet Webperf2. Métriques de qualité
  4. 4. Convaincre, se rassurer
  5. 5. Quantifier
  6. 6. Gérer la masse
  7. 7. Cheap ?● 50 tests / minute● Spécialisé Webperf● URLs internes● Navigateurs et qualité réseau connus● Alertes, graphes, détails
  8. 8. Cheap ?● 50 tests / minute● Spécialisé Webperf● URLs internes● Navigateurs et qualité réseau connus● Alertes, graphes, détails 50€*
  9. 9. Outils● WebPageTest● WPT monitor● Graphite● 1 serveur● Machines virtuelles● De la sueur
  10. 10. WebPageTest privé
  11. 11. WebPageTest● Agents
  12. 12. WebPageTest●Exemple dinstallation pour lesagents : • 1 dedibox à 50€ / mois • 16Go de RAM • 10-15 XP / IE8 virtualisés
  13. 13. WebPageTest● Code : historique● Doc dinstall : bien mais pas top● Contribution : à lancienne● API : existante…
  14. 14. WebPageTest bit.ly/XAA8Lz
  15. 15. WPT monitor
  16. 16. WPT monitor
  17. 17. WPT monitorScripting :● Serveur tiers morts● Sans code tiers● Sans CDN● Navigation complexe
  18. 18. WPT monitor
  19. 19. WPT monitor
  20. 20. WPT monitor
  21. 21. WPT monitor● Code : marchote● Doc dinstall : devine !● Contribution :● Interface : perfectible● Alertes : bof● Peu de métriques
  22. 22. WPT monitorConseils :● Paramétrer Doctrine sur mysql● Prévoir 1 Mo / test● Bon pour le paramétrage des tests● Ré-écrire les alertes● Remplacer la visualisation
  23. 23. Graphite
  24. 24. Graphite● Répandu● Joli ^_^● Ultra configurable● API simple
  25. 25. GraphitePousser une valeur :file_put_content (udp://..., “path1.path2.Key valeur timestampn“ );
  26. 26. Hacker WPT monitorExplorer lAPI WPThttp://wpt.org/xmlResult.php?test=xxxDes centaines dinfos : • Screenshots • Courbes CPU / réseau • Répartitions par domaine • Scores, notes, conseils • headers...
  27. 27. Hacker WPT monitorDans la fonction processResultsForAllExportResultToExternal( $xml->data->median->firstView->TTFB, results.. makeLabelFromJobID($wptJobId). .timeToFirstByte);
  28. 28. Hacker WPT monitor
  29. 29. Hacker WPT monitorDans la fonction processAlertsForJobExportResultToExternal( 1, alerts..$alertLabel.. .$alert[AlertOn]);
  30. 30. Hacker WPT monitor
  31. 31. ComplémentsÉtendre Graphite :● Tasseo : Dashboard ( https://github.com/obfuscurity/tasseo)● Umpire : Alertes ( https://github.com/heroku/umpire )●Uptime : Historisation, Alertes,Dashboard (https://github.com/fzaninotto/uptime)
  32. 32. Conclusion● Le cheap, cest chic● À comparer aux solutions payantes● Le monitoring, cest sur le long terme
  33. 33. MerciQuestions ? braincracking.org

×