Le monitoring de la performance front
-
Upload
jean-pierre-vincent -
Category
Documents
-
view
2.017 -
download
1
Transcript of Le monitoring de la performance front
Web JP
Webperf
Industrialisation : le monitoring pas cher
Jean-pierre VINCENT
Qui a ?
Jean-pierre VINCENT
braincracking.org - @theystolemynick
Expert indpendant : Performance Web
JavaScript, HTML5, CSS3
Monitorer ?
1. Point de dpart d'un projet Webperf2. Mtriques de qualit
Convaincre, se rassurer
Quantifier
Grer la masse
Cheap ?
50 tests / minute
Spcialis Webperf
URLs internes
Navigateurs et qualit rseau connus
Alertes, graphes, dtails
Cheap ?
50 tests / minute
Spcialis Webperf
URLs internes
Navigateurs et qualit rseau connus
Alertes, graphes, dtails
50*
Outils
WebPageTest
WPT monitor
Graphite
1 serveur
Machines virtuelles
De la sueur
WebPageTest priv
WebPageTest
Agents
WebPageTest
Exemple d'installation pour les agents : 1 dedibox 50 / mois
16Go de RAM
10-15 XP / IE8 virtualiss
WebPageTest
Code: historique
Doc d'install: bien mais pas top
Contribution: l'ancienne
API : existante
WebPageTest
bit.ly/XAA8Lz
WPT monitor
WPT monitor
WPT monitor
Scripting : Serveur tiers morts
Sans code tiers
Sans CDN
Navigation complexe
WPT monitor
WPT monitor
WPT monitor
WPT monitor
Code: marchote
Doc d'install: devine !
Contribution:
Interface: perfectible
Alertes: bof
Peu de mtriques
WPT monitor
Conseils : Paramtrer Doctrine sur mysql
Prvoir 1 Mo / test
Bon pour le paramtrage des tests
R-crire les alertes
Remplacer la visualisation
Graphite
Graphite
Rpandu
Joli ^_^
Ultra configurable
API simple
Graphite
Pousser une valeur :
file_put_content('udp://...',path1.path2.Key valeur timestamp\n );
Hacker WPT monitor
Explorer l'API WPThttp://wpt.org/xmlResult.php?test=xxx
Des centaines d'infos : Screenshots
Courbes CPU / rseau
Rpartitions par domaine
Scores, notes, conseils
headers...
Hacker WPT monitor
Dans la fonction processResultsForAll
ExportResultToExternal(
$xml->data->median->firstView->TTFB,
'results.'.
makeLabelFromJobID($wptJobId).
'.timeToFirstByte');
Hacker WPT monitor
Hacker WPT monitor
Dans la fonction processAlertsForJob
ExportResultToExternal(
1,
'alerts.'.$alertLabel.'.
'.$alert['AlertOn']
);
Hacker WPT monitor
Complments
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)
Conclusion
Le cheap, c'est chic
comparer aux solutions payantes
Le monitoring, c'est sur le long terme
Merci
Questions ?
braincracking.org
12/01/12
Click to edit the title text format
Click to edit the outline text formatSecond Outline LevelThird Outline LevelFourth Outline LevelFifth Outline LevelSixth Outline LevelSeventh Outline LevelEighth Outline LevelNinth Outline Level