HAR file or HTTP Archive file contains the details about network requests from client to server inside the browser, it is in JSON format however the extension of this file is .har
The HAR file is mostly used to understand the request and response performance issues, slow API calls, page rendering, or load times, overall it contains all the details related to resources being processed between the browser to the server.
HAR file format is JSON structure and to visualize its content we can use tools like HAR Viewer or network viewer
To analyze the performance of the site, we can export the HAR files, steps are as below:
1.First, we need to open a network tab in Chrome DevTools:
a] Open Google Chrome Browser
b] At the Top Right Corner Click on Three Dots > More Tools > Developer Tools > Network Tab
2.After opening the network tab, we can see the small icon (⬇️) which we can use to Export HAR... file.
3.Note: To get the site loading content, we have to make sure our site network log recording is enabled and after that, we have to refresh/reload the site we need to perform analyses of network requests, Please see the image and small red circle icon (🔴) indicates that network logs recording is on.
4.That’s all, now we can export our HAR file to analyze it.
Note: To understands chrome’s network tab in detail you can refer to this link.
We are going to take the network request example from Zipy.ai | Debugging made lightning fast
In the below-attached image from Zipy, we can see network request timings on the popup, I’m using Google Chrome’s network tab screenshot.
In the above example image, we can see details about network request resources like name, status, type, size, and time along with the waterfall.
Network waterfall contains the details about request timings in graphical charts representation format.
The network tab can log the details about each network request, but to analyze it properly and preserve or take a backup of the current network request log, we can export this network request in the HAR file to analyze or to keep a backup.
Note: Before sending the HAR file to anyone, you have to verify its content as it can contain privacy & security sensitive information which you don’t want to share with everyone.
Below are the sample JSON from the HAR file:
The above image is only a small part of the HAR file, the root structure is as below:
Let’s see the details
Let’s see the entries structure:
NOTE: To understand the format in detail you can refer to this link.
We have seen the overall details about the HAR file, basically, the HAR file can be used to share the site network logs to analyze it further, it contains the site load, and execution timings of the different resources like JS, CSS, XHR, etc. The details about the network log are in JSON so it’s pretty easy to understand it.
TBD: In Zipy, we are using HAR file specification to show the network requests captured using zipy sdk
Call to Action
Feel free to comment or write to us in case you have any further questions at support@zipy.ai. We would be happy to help you. In case you want to explore Zipy for your app, you can sign up here or book a demo here.
Call to Action
Feel free to comment or write to us in case you have any further questions at support@zipy.ai. We would be happy to help you. In case you want to explore Zipy for your app, you can sign up here or book a demo here.
Call to Action
Feel free to comment or write to us in case you have any further questions at support@zipy.ai. We would be happy to help you. In case you want to explore Zipy for your app, you can sign up here or book a demo here.
Call to Action
Feel free to comment or write to us in case you have any further questions at support@zipy.ai. We would be happy to help you. In case you want to explore Zipy for your app, you can sign up here or book a demo here.
Call to Action
Feel free to comment or write to us in case you have any further questions at support@zipy.ai. We would be happy to help you. In case you want to explore Zipy for your app, you can sign up here or book a demo here.
Feel free to comment or write to us in case you have any further questions at support@zipy.ai. We would be happy to help you. In case you want to explore for your app, you can sign up or book a demo.