Comment vérifier le rapport de performance d'un fichier HAR?

0

Je faisais face à un problème concernant un site particulier pour lequel j'ai contacté l'équipe. Ils m'ont dit de recréer la situation dans Google Chrome et que le problème commence à apparaître dans les outils pour développeurs, choisissez Réseau, cliquez avec le bouton droit n'importe où, puis enregistrez le fichier HAR généré comme expliqué ici .

Maintenant, je veux cerner l’erreur / raison derrière cela. Comment analyser le rapport lorsque je ne peux pas l'ouvrir?

J'ai essayé d'ouvrir le fichier à l'aide du système d'association de fichiers Windows, mais le type de fichier n'a pas été reconnu. Un logiciel spécial est-il nécessaire pour analyser le rapport?

utilisateur285oo6
la source
C'est beaucoup trop large pour qu'on y réponde. Un fichier HAR contient pas mal d'informations sur le chargement d'une page Web. Lisez les spécifications ici: dvcs.w3.org/hg/webperf/raw-file/tip/specs/HAR/Overview.html - et je ne comprends pas votre question sur "pourquoi ne choisir qu'un navigateur en particulier". Demandez-vous pourquoi les gens choisiraient un navigateur plutôt qu'un autre?
Slhck
Ok, je vais demander aux deux autres séparément comment le fichier .har est utilisé pour analyser le problème auquel je
faisais
@slhck ya c'est aussi mon point quand les deux navigateurs ont le même test, les outils de développement puis ce qui les distingue
user285oo6
Eh bien, je ne recommanderais pas de poser les questions séparément s'il n'est pas clair ce que vous devez savoir. Vous devriez plutôt éditer celle-ci et la rendre un peu plus concise, c'est-à-dire en supprimant au moins les deux autres questions et en vous concentrant sur ce que vous voulez savoir en particulier sur HAR. Ce serait bien si vous lisiez la spécification avant, bien sûr. Cela répondra à beaucoup de vos questions, car tout ce qui est enregistré est répertorié dans la spécification.
Slhck
merci pour la spécifcation bien que sa purement technique ne puisse en comprendre qu'une partie. Maintenant, j'ai édité le post
user285oo6

Réponses:

0

Une archive HTTP (HAR) n'est rien d'autre qu'un fichier de texte brut. Les données qu'il contient sont stockées au format JSON . Vous pouvez donc ouvrir le fichier avec n'importe quel éditeur de texte ou éditeur JSON. Vous pouvez simplement essayer de renommer l' .harextension en .json.

Le fichier HAR liste principalement toutes les demandes et réponses du réseau que le navigateur donne et reçoit. Cela inclut essentiellement tout ce que vous voyez dans l' onglet Réseau de Google Chrome, comme l'URL spécifique d'une demande, mais également tous les paramètres HTTP GET et POST. Bien entendu, le fichier HAR contient également des durées, de sorte que vous pouvez voir combien de temps il a fallu pour charger une ressource.

"request": {
    "method": "GET",
    "url": "http://www.example.com/path/?param=value",
    "httpVersion": "HTTP/1.1",
    "cookies": [],
    "headers": [],
    "queryString" : [],
    "postData" : {},
    "headersSize" : 150,
    "bodySize" : 0,
    "comment" : ""
}

Ici, vous pouvez voir que cela a example.com/pathété demandé et que le paramparamètre GET a été envoyé, avec sa valeur définie sur value.

Bien sûr, ces données seules ne vous permettront pas de localiser une erreur, surtout si vous êtes simplement l'utilisateur d'un site Web, sans accès au backend réel. Les développeurs peuvent toutefois "rejouer" un fichier HAR, ce qui signifie qu'ils peuvent essayer de faire ce que vous avez fait et voir s'ils peuvent reproduire les erreurs, d'autant plus qu'ils possèdent également des cookies. Cela permet de prétendre que c'est vous qui utilisez le site.

Notez que, puisque toutes les données envoyées au serveur sont enregistrées dans le fichier HAR, toutes les données de connexion ou les informations personnelles que vous avez envoyées via un formulaire seront également enregistrées. Cela signifie, par exemple, que lorsque vous vous connectez à un site Web et créez un HAR à partir de ces demandes, votre mot de passe est enregistré en texte brut.

Assurez-vous donc de vérifier le contenu du fichier et ne soumettez rien que vous ne voudriez pas que les développeurs voient.

slhck
la source