Activer le compteur FPS dans votre navigateur Chrome

A quoi ça sert ?

Cet outil, intégré au navigateur Google Chrome, permet de connaître le nombre d’images par secondes (FPS ou Frame Per Seconds) affichées par un site web : ce qui équivaut à la latence… Il est mis à jour en temps réel et s’affiche en sur-impression d’un site ce qui vous permet de mesurer le niveau de latence via 3 indicateurs :

  • Frame rate (nombre d’images par secondes)
  • GPU (Graphical Process Unit) Raster
  • GPU (Graphical Process Unit) Memory

Les deux indicateurs liés au GPU permettent de voir le niveau de saturation de la carte graphique. Elle l’est rarement puisque les performances des cartes de nos jours nous permettent de faire de nombreux calculs en parallèle (largement suffisant pour nos sites webs)

Activation

  1. Tapez chrome://flags/ dans votre barre d’adresse
  2. Recherchez l’extension FPS counter
  3. Activez le flag en cliquant sur “Enable”
  4. Relancez Chrome

Et voilà le travail, le compteur FPS s’affiche en haut à droite de chacune de vos pages (voir ci-dessous):

Capture d’écran 2016-03-08 à 07.29.16

Rien ne s’affiche ?

  1. Ouvrir le Chrome Dev Tools
  2. Options > More tools > Rendering Settings
  3. Activer le flag “Show FPS meter”

Capture d’écran 2016-03-08 à 07.34.25

Connaitre les technologies et frameworks utilisés par un site web

Vous voyez un site sympa et vous vous demandez quelles technos se cachent derrière ? Tous les développeurs (et autres) se sont déjà posés cette question!…

L’outil magique

wappalyzer_chrome_download

Pour ça, il y a Wappalyzer! Cette superbe extension pour Google Chrome et Mozilla Firefox permet de vous donner la réponse sans avoir à aller fouiller dans le code source!

Elle permet de détecter :

  • le type de serveur web
  • les frameworks Javascript utilisés
  • les outils analytiques etc…

L’exemple avec Github.com

Si on prend par exemple Github, après avoir installé l’extension sur Chrome, on peut voir apparaître un petit logo “Rails” à droit dans la barre d’adresse (voir ci-dessous)

github_wappalyzer_rails

En cliquant sur l’icône, on peut voir l’ensemble des frameworks et des technos qui sont utilisées par Github sur son site.

all_frameworks_wappalyzer

On peut donc voir qu’il y a du Ruby on Rails, Google Analytics et puis du jQuery!

Sur certains autres sites on obtient une liste beaucoup plus longue de frameworks et ça peut orienter les développeurs dans les choix donc c’est plutôt sympa!

Quelques liens