Browser Performance and troubleshooting
Speedtest
- Internet speed can significantly impact the loading and interactive performance. You can check your connection speed using various online tools by googling speedtest. Through this analysis, you can understand if connection may be a contributing factor to performance issues.
Task manager analysis
- CPU Utilization
- Memory usage
- GPU Utilization
Test without external screen
- An external display may consume additional system resources, especially if it requires the system to output at higher resolutions.
Test with a mobile device
- If the performance on mobile is significantly better (using the same network), it may indicate an issue with the computer or browser rather than the network.
Generating a HAR(HTTP archive) file
A HAR (HTTP Archive) file is a JSON-formatted file used for analyzing performance data of a web page load. It contains information about web browser's interaction with a site, including a log of HTTP requests, responses, timings , and other details that took place during a website load. These files can be generated by most browsers and contain a variety of valuable information which can be used for performance analysis and debugging sessions.
Google Chrome
- Open Google Chrome and go to the page where the issue is occurring.
- Right click anywhere on the page and select Inspect, or use shortcut Ctrl + Shift + I.
- The Chrome Developer Tools will open, click Network tab.
- Refresh the page (F5 or Ctrl + R) to start capturing the traffic.
- Once the page is loaded, right click on any row in the Network tab and click Save as HAR with Content.
- Save the HAR file and attach it to your case.
Mozilla Firefox
- Open Firefox and go to the page where you are experiencing trouble.
- Press Ctrl + Shift + E (Windows) or Cmd + Option + E (Mac) to open the Network Monitor.
- Refresh the page to start capturing the traffic.
- After the page is loaded, click Export as HAR button to get data.
- Save the HAR file and attach it to your case
Safari
Ensure the 'Develop' menu is available. If not, go to Safari > Preferences > Advanced and check Show Develop menu in menu bar.
- Open Safari and go to the page where you are experiencing trouble.
- Click Develop in the menu bar followed by Show Web Inspector.
- Click Network.
- Refresh the page to start capturing the traffic.
- Once the page is loaded, click Export button, which is the second button from the right on top bar of the Network tab.
- Save the HAR file and attach it to your case.
Microsoft Edge (or Internet Explorer)
- Open Microsoft Edge and go to the page where you are experiencing trouble.
- Press F12 to open the developer tools.
- Click Network button on the toolbar to start capturing.
- Refresh the page to start capturing the traffic.
- Once the page is loaded, right-click anywhere on the network tab and click Save as HAR with Content.