Troubleshooting front-end performance problems

Open the Dev Console tool (F12 on a PC or ⌘+⌥+i  on a Mac).

Go to the Network tab in the Dev Console.

Choose the XHR tab.

Refresh a page and reproduce the issue.

Sort by time (click it twice) to show the longest loading times first.

Click download at the top.

Open

If there are any items marked in red please click on the items one by one and take screenshots (please enlarge the Dev tool window to make the data visible). Share the files in the support ticket.

Open

1. Share the HAR file in the support ticket.

2. Share the screenshots in the support ticket.

Open the Dev Console tool (F12 on a PC or ⌘+⌥+i  on a Mac).

Go to the Performance tab in the Dev Console.

Click the record button. 

Reproduce the issue while the profile is being recorded.

Please keep the tab open in the foreground until the recording finishes!

Once the page loads (the problem is reproduced) click Stop.

Save profile.

Send us the file. It is a good idea to compress it before sending it.

Open the Dev Console tool (F12 on a PC or ⌘+⌥+i on a Mac).

Go to the Console tab in the Dev Console.

Right-click anywhere on the list, "Save as" and attach the screenshot to the support ticket.

if there are any items marked in red please expand (by clicking on the item) and take a screenshot (see above).

In the support ticket:

1. Share the file

2. Share the screenshots

Open the Dev Console tool (F12 on a PC or ⌥+⌘+i on a Mac).

Go to the Network tab in the Dev Console.

Choose the XHR tab.

Refresh the page and reproduce the issue.

Sort by time (click it twice) to show the longest loading times first.

Right-click anywhere to save the file.

If there are any items marked in red please click on the items one by one and take screenshots (please enlarge the Dev tool window to make the data visible). Share the files in the support ticket.

1. Share the HAR file in the support ticket.

2. Share the screenshots in the support ticket.

Open the Dev Console tool (F12 on a PC or ⌥+⌘+i  on a Mac).

Go to the Performance tab in the Dev Console.

Click the record button. 

Reproduce the issue while the profile is being recorded.

Please keep the tab open in the foreground until the recording finishes!.

Once the page loads(the problem is reproduced) click Stop.

Save profile.

Send us the file. It is a good idea to compress it before sending it.