Je veux calculer le temps de chargement de la page; Cela signifie à partir de la deuxième 0 (un petit extrait de jQuery a été chargé) au deuxième x, lorsque la page entière est chargée. P>
Je me demande si quelqu'un avait une expérience avec elle, les idées comment la mettre en œuvre correctement seront apparentées. P>
Merci:) p>
6 Réponses :
Pourriez-vous être mieux à l'aide d'un plugin de navigateur? Calculer avec JavaScript nécessitera la sous-estimation du temps de chargement de la page, car il n'inclut pas le temps de charger le snippet JQuery et n'inclut pas le temps entre le navigateur envoi de la demande et le serveur Web répondant? P>
Il y a un Analyseur de temps de chargement Plugin pour Firefox. p>
Non, je le veux pour chaque navigateur; C'est parce que je serai rassembler toutes les charges et faire des analyses avec eux plus tard
Si vous le faites dans le but de l'optimisation, je vous suggère d'utiliser Yslow . C'est une extension Firebug-Firefox. Il peut vous montrer le temps de chargement de la page et beaucoup d'autres informations utiles. P>
Vous ne pouvez pas vraiment faire cela avec jQuery depuis Vous pouvez le faire avec le Yslow Firebug Plug-in pour FIRFOX. Si vous voulez que cela fonctionne sur tous les navigateurs, vous devrez ajouter du code Serverside pour indiquer le temps qu'il a fallu lorsque le premier élément est écrit dans l'élément inférieur. p>
Si ce n'est pas ce que vous souhaitez utiliser, vous pouvez utiliser un outil tel que selenium et écrire un test pour capturer le Temps de $ (document) .Ready (); code> incendies lorsque la page a chargé. p>
Ouvrir code> à la fin de
waitforpageToLoad code>. Le sélénium fonctionne sur tous les navigateurs p>
très intensif, à la recherche de quelque chose de facile et simple, va le parcourir cependant
Ce n'est pas vraiment intensif du tout, mais je l'utilise depuis des années. Il y a des tutoriels de sélénium à THEAUTOMATEDESTESTER.CO.UK/SELENIUM_RANDING.HTM
Tout ce dont j'ai besoin, c'est quelques lignes, un cadre complet n'est pas vraiment productif si vous avez un objectif très peu; Quoi de mieux écrire 3 lignes de JavaScript ou 1 ligne à JQuery?
Eh bien, j'utiliserais sélénium car vous n'avez pas à modifier votre page pour les horaires et vous pourrez stocker les résultats dans une base de données afin que vous puissiez garder des onglets dessus. Oui, vous pouvez le faire sur la page mais nécessite votre code de page pour gérer cela quand il n'a pas vraiment besoin.
Comme d'autres l'ont mentionné, cela ne sera pas terriblement précis. Mais cela devrait fonctionner raisonnablement.
dans votre La clé est ce comportement, de la JQuery Docs : P> lorsque lié à l'élément de la fenêtre, le
incendies d'événement lorsque l'agent utilisateur
Finitions Chargement de tout le contenu dans un
document, y compris la fenêtre, les cadres,
Objets et images. P>
blockQuote> p>
Vous ajouterez un conseil Mike Houston dans l'ajout de la première ligne de JavaScript dans la "tête", cela augmentera la précision
Oh Bon point Je viens de réaliser que j'avais supposé que JQuery était chargé d'abord, alors qu'il devrait être chargé entre les deux extraits de code.
Depuis les scripts exécutés dès qu'ils sont analysés, je vous suggère de mettre une balise de script juste à l'intérieur de l'en-tête, puis du script pour accrocher l'événement de la page de la page après avoir chargé JQuery:
<html> <head> <script> // Capture start time </script> ... <script src="jquery.js" /> <script> $(window).load(function() { // Capture end time }); </script> ...
lire le Recommandation W3C pour la navigation Timing
Nottable: < / p>
Par exemple, le script suivant montre une tentative naïve de mesurer la temps il faut pour charger complètement une page: p> blockQuote>
xxx pré> Le script calcule le temps nécessaire pour charger la page après la Le premier bit de JavaScript dans la tête est exécuté, mais cela ne donne pas toute information sur le temps nécessaire pour obtenir la page de la serveur. p>
Pour répondre au besoin d'informations complètes sur l'expérience utilisateur, ceci Le document introduit les interfaces performancétriques. Cette interface permet aux mécanismes JavaScript de fournir une latence complète côté client mesures dans les applications. Avec l'interface proposée, la L'exemple précédent peut être modifié pour mesurer la page perçue d'un utilisateur Temps de charge. P>
Le script suivant calcule combien de temps pour charger une page depuis le la navigation la plus récente. P> blockQuote>
xxx pré> p>