This will display the entire list of resources that site uses. The first step in this process is to go to the website you want to generate a HAR file for, open the Chrome DevTools, navigate to the Network tab, and reload the page.For this example, we're going to use Google Chrome. There are a few different ways to create a HAR file depending upon which browser you're using. In this case, you'll need to export a HAR file and then preview it with a HAR viewer such as the HTTP Archive Viewer. However, in the event that you're working on a site that hasn't been published yet and need to share the waterfall view with someone else, online speed tests and browser network tabs won't work. With these tools, you can easily identify which resources are taking a long time to load, which ones are blocking the DOM, etc.
How to Use a HAR Viewer?īrowsers and online test tools are great for showing the loading patterns of a particular site. In this guide, we're going to discuss how to use a HAR viewer to import HAR files as well as identify what other HAR viewer options are available. A HAR viewer can also be found in online speed test tools or through software specifically designed to import HAR files. This is known to many as the waterfall view in a browser's development tools. A HAR viewer or HTTP Archive viewer is an online tool used to visualize the loading process of a particular website's assets.