Ce diaporama a bien été signalé.

Le monitoring de la performance front

6

Partager

Chargement dans…3
×
1 sur 35
1 sur 35

Le monitoring de la performance front

6

Partager

Télécharger pour lire hors ligne

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.

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.

Plus De Contenu Connexe

Le monitoring de la performance front

  1. 1. Webperf Industrialisation : le monitoring à pas cher Jean-pierre VINCENT
  2. 2. Qui ça ? Jean-pierre VINCENT braincracking.org - @theystolemynick Expert indépendant : • Performance Web • JavaScript, HTML5, CSS3
  3. 3. Monitorer ? 1. Point de départ d'un projet Webperf 2. 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 d'installation pour les agents : • 1 dedibox à 50€ / mois • 16Go de RAM • 10-15 XP / IE8 virtualisés
  13. 13. WebPageTest ● Code : historique ● Doc d'install : bien mais pas top ● Contribution : à l'ancienne ● API : existante…
  14. 14. WebPageTest bit.ly/XAA8Lz
  15. 15. WPT monitor
  16. 16. WPT monitor
  17. 17. WPT monitor Scripting : ● 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 d'install : devine ! ● Contribution : ● Interface : perfectible ● Alertes : bof ● Peu de métriques
  22. 22. WPT monitor Conseils : ● 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. Graphite Pousser une valeur : file_put_content ('udp://...', “path1.path2.Key valeur timestampn“ );
  26. 26. Hacker WPT monitor Explorer l'API WPT http://wpt.org/xmlResult.php?test=xxx Des centaines d'infos : • Screenshots • Courbes CPU / réseau • Répartitions par domaine • Scores, notes, conseils • headers...
  27. 27. Hacker WPT monitor Dans la fonction processResultsForAll ExportResultToExternal( $xml->data->median->firstView->TTFB, 'results.'. makeLabelFromJobID($wptJobId). '.timeToFirstByte' );
  28. 28. Hacker WPT monitor
  29. 29. Hacker WPT monitor Dans la fonction processAlertsForJob ExportResultToExternal( 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, c'est chic ● À comparer aux solutions payantes ● Le monitoring, c'est sur le long terme
  33. 33. Merci Questions ? braincracking.org

×