Comment puis-je surveiller le temps de rendu dans un navigateur?

Je travail sur un document interne de l'entreprise système qui a un front-end web à l'aide de Tomcat.

  1. Comment puis-je surveiller le temps de rendu de pages spécifiques dans un navigateur (IE6)?
  2. Je voudrais être en mesure d'enregistrer les résultats dans un fichier journal (fichier journal distinct ou le Tomcat journal d'accès).

EDIT: dans l'idéal, j'ai besoin de contrôler le rendu sur les clients, l'accès aux pages.

Connaissez-vous "Fiddler" (fiddler2.com/fiddler2/version.asp) ?
Fiddler peut mesurer le temps qu'il faut pour que la requête à exécuter et le transfert au client, mais si le site est en javascript lourds et / ou volumineux, il y aura un délai supplémentaire alors que le navigateur qui traite les DOM et javascript. Cela est particulièrement vrai pour IE6.
"Violoniste n'est pas nécessaire" 😀
En outre, Fiddler foiré mon système. Je n'aurais pas l'installer sur ma machine.

OriginalL'auteur adpd | 2010-03-25

  1. 7

    Dans le cas d'un navigateur a JavaScript activé l'une des choses que vous pourriez faire est d'écrire un script en ligne et envoyer la première chose dans votre code HTML. Le script va faire deux choses:

    1. Record heure actuelle du système dans une variable JS (si vous êtes chanceux, le temps pourrait correspondent à peu près le rendu de la page d'heure de début).
    2. Joindre JS fonction de la page de l'événement onLoad. Cette fonction va alors interroger le système actuel de temps une fois de plus, de soustraire l'heure de début de l'étape 1 et de l'envoyer au serveur ainsi que l'emplacement de la page (ou de certains d'ID unique que vous pouvez insérer dans le script en ligne de façon dynamique sur votre serveur).
    <script language="JavaScript">
var renderStart = new Date().getTime();
window.onload=function() { 
   var elapsed = new Date().getTime()-renderStart;
   //send the info to the server 
   alert('Rendered in ' + elapsed + 'ms'); 
} 

</script>

... usual HTML starts here ...

    Vous devez assurez-vous que la page n'a pas de remplacer onload plus tard dans le code, mais ajoute aux gestionnaires d'événement de la liste à la place.

    +1 - Cela sonne comme le genre de chose que j'ai actuellement en tête. Bon d'obtenir la confirmation de cette ligne de pensée. Quelqu'un pense que c'est la bonne approche?
    C'est maintenant obsolète. Il a été le meilleur que vous pourriez faire de retour en 2010, mais en 2012, la plupart des navigateurs prennent en charge le W3C Performance Calendrier spec et c'est une bien meilleure façon d'obtenir cette information.
    Cela ne fonctionne pas. Il mesure le temps jusqu'à ce que tout est chargé, mais pas rendus. Essayez de générer un grand SVG. Le onload événement obtient le feu lorsque la taille de l'image SVG est connu, mais l'utilisateur ne peut pas voir l'image pendant un certain temps jusqu'à ce qu'il est rendu.

    OriginalL'auteur Vlad Gudim

  2. 8

    La Temps de Navigation de l'API est disponible dans les navigateurs modernes (IE9+) à l'exception de Safari:

    function onLoad() { 
  var now = new Date().getTime();
  var page_load_time = now - performance.timing.navigationStart;
  console.log("User-perceived page loading time: " + page_load_time);
}

    OriginalL'auteur Brian Low

  3. 0

    Autant que les techniques non-invasives sont concernés, Marteau mesures de temps de chargement complet (y compris l'exécution de JavaScript), mais dans Firefox uniquement.

    J'ai vu des résultats utilisables quand un bout de code JavaScript peut être ajoutée à l'échelle mondiale pour mesurer le début et la fin de chaque opération de chargement de la page.

    OriginalL'auteur Tomislav Nakic-Alfirevic

  4. 0

    Ont un coup d'oeil à Le sélénium - ils offrent une télécommande qui peut démarrer automatiquement les différents navigateurs (IE6 par exemple), charger les pages, test de contenu sur la page. À la fin des rapports qui montrent aussi le temps de rendu.

    OriginalL'auteur pitpod

  5. 0

    Étant donné que les autres sont à poster des réponses qui utilisent d'autres navigateurs, je pense que je vais trop. Chrome a une très détaillée du système de profilage qui décompose le temps de rendu de la page et affiche le temps qu'il a fallu pour chaque étape le long du chemin.

    Que pour IE, vous pourriez envisager l'écriture d'un plugin. Il semble y avoir quelques outils de ce genre sur le marché. Peut-être que vous pourriez le vendre.

    Je suis d'accord avec les (trop) "quelques outils" sur le marché pour IE. Un plug-in peut-être pas une mauvaise idée. Je peut prendre un coup d'oeil à celui-là. Merci pour la suggestion sur Chrome, mais les machines clientes ont à exécuter IE6, pour le moment, car c'est de la politique informatique de l'entreprise. Lorsqu'une mise à niveau est ronde, il sera IE7 ou IE8 pour vous. Si seulement j'avais le luxe de les autres navigateurs...

    OriginalL'auteur Nathan Osman

  6. 0

    Sur Firefox, vous pouvez utiliser Firebug pour surveiller les temps de chargement. Avec le YSlow plugin, vous pouvez même obtenir des recommandations sur la manière d'améliorer les performances.

    OriginalL'auteur Zoltan