How do I capture a HAR File (Chrome) to troubleshoot web performance Issues?

A HAR file is a file that stores information about the network traffic between a web browser and a web server. It's usually used for analyzing and debugging web applications.

Here's a breakdown of the key parts of a typical HAR file:

The file starts with general information, like the version of the HAR format and details about the tool or software that created the file.

Each network request and response is represented as an entry in the file.

Each entry contains details about the request (like the URL, HTTP method, and headers) and the response (like the status code, headers, and response content).

The entries also include timing information, such as how long the request took to complete.

There may be additional information about pages visited and timing details related to page load.

By examining the data in a HAR file, you can understand the requests and responses that happened, their timing, and other useful information. This can help you find and fix issues or improve the performance of web applications.

To generate the HAR file for Chrome

1. Open Google Chrome and go to the page where the issue is occurring.
2. From the Chrome menu bar, select View > Developer > Developer Tools. (Or F12 on your keyboard)
3. From the panel opened, select the Network tab.
4. Look for a round Record button ( ) in the upper left corner of the tab, and make sure it is red. If it is grey, click it once to start recording.
5. Check the box Preserve log.
6. Click the Clear button () to clear out any existing logs from the Network tab.
7. Reproduce the issue that you were experiencing before while the network requests were being recorded.
8. Once you have reproduced the issue, right-click anywhere on the grid of network requests, select Save as HAR with Content, and save the file to your computer.
9. Upload your HAR file to your ticket or attach it to your email so that our Support team can analyze it.

*An additional setting needs to be enabled in Developer for HAR data in new windows to be captured (like if you click a hyperlinked Component in a Recipe Card). This link has instructions for how to turn on the setting: https://kb.acronis.com/content/69173

Search

Comments

Search

Related articles