Your SlideShare is downloading. ×
  • Like
Le monitoring de la performance front
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Le monitoring de la performance front

  • 784 views
Published

Avant d'entamer un chantier de performance Web, il convient de mettre en place du monitoring. …

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
784
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
21
Comments
0
Likes
7

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. WebperfIndustrialisation : le monitoring à pas cher Jean-pierre VINCENT
  • 2. Qui ça ? Jean-pierre VINCENT braincracking.org - @theystolemynickExpert indépendant : • Performance Web • JavaScript, HTML5, CSS3
  • 3. Monitorer ?1. Point de départ dun projet Webperf2. Métriques de qualité
  • 4. Convaincre, se rassurer
  • 5. Quantifier
  • 6. Gérer la masse
  • 7. Cheap ?● 50 tests / minute● Spécialisé Webperf● URLs internes● Navigateurs et qualité réseau connus● Alertes, graphes, détails
  • 8. Cheap ?● 50 tests / minute● Spécialisé Webperf● URLs internes● Navigateurs et qualité réseau connus● Alertes, graphes, détails 50€*
  • 9. Outils● WebPageTest● WPT monitor● Graphite● 1 serveur● Machines virtuelles● De la sueur
  • 10. WebPageTest privé
  • 11. WebPageTest● Agents
  • 12. WebPageTest●Exemple dinstallation pour lesagents : • 1 dedibox à 50€ / mois • 16Go de RAM • 10-15 XP / IE8 virtualisés
  • 13. WebPageTest● Code : historique● Doc dinstall : bien mais pas top● Contribution : à lancienne● API : existante…
  • 14. WebPageTest bit.ly/XAA8Lz
  • 15. WPT monitor
  • 16. WPT monitor
  • 17. WPT monitorScripting :● Serveur tiers morts● Sans code tiers● Sans CDN● Navigation complexe
  • 18. WPT monitor
  • 19. WPT monitor
  • 20. WPT monitor
  • 21. WPT monitor● Code : marchote● Doc dinstall : devine !● Contribution :● Interface : perfectible● Alertes : bof● Peu de métriques
  • 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. Graphite
  • 24. Graphite● Répandu● Joli ^_^● Ultra configurable● API simple
  • 25. GraphitePousser une valeur :file_put_content (udp://..., “path1.path2.Key valeur timestampn“ );
  • 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. Hacker WPT monitorDans la fonction processResultsForAllExportResultToExternal( $xml->data->median->firstView->TTFB, results.. makeLabelFromJobID($wptJobId). .timeToFirstByte);
  • 28. Hacker WPT monitor
  • 29. Hacker WPT monitorDans la fonction processAlertsForJobExportResultToExternal( 1, alerts..$alertLabel.. .$alert[AlertOn]);
  • 30. Hacker WPT monitor
  • 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. Conclusion● Le cheap, cest chic● À comparer aux solutions payantes● Le monitoring, cest sur le long terme
  • 33. MerciQuestions ? braincracking.org