Google Chrome has a built in set of web authoring and debugging tools, known as the Chrome Developer Tools (DevTools for short). The DevTools provide web developers deep access into the internals of the browser and their web applications.
Access the DevTools
To access the DevTools, open a web page or web application in Google Chrome. Then take one of the following actions:
- Select the Chrome Menu (three horizontal bars) in the top right of your browser window and select Tools > Developer Tools.
- Right-click on any page element and select Inspect Element.
- Use Ctrl+Shift+I (or Cmd+Opt+I on Mac) to open the DevTools.
Evaluate Network Performance
The Network panel records information about each network operation in an application, including detailed timing data, HTTP request and response headers, cookies, WebSocket data, and more. The Network panel helps developers answer questions about the network performance of web applications.
Record and Save Network Data
To record network data for a particular page, open up the DevTools to the Network tab and then reload the page. Once the page is finished loading, right-click or Control+click anywhere on the Network table and click Save as HAR with Content. Save as HAR with Content saves all network data to a HAR file along with each page resource.
Network Table with Save as HAR with Content option:
You can then email this HAR file to OrgSync Support and we'll be able to determine if there are network issues causing OrgSync to load slower than normal. View the following video for a more in-depth tutorial on how to proceed with HAR files.
Chrome Developer Tools: https://developers.google.com/chrome-developer-tools/
Evaluating Network Performance with DevTools: https://developers.google.com/chrome-developer-tools/docs/network