Analyzing page resources

The Resources panel allows you to view the complete set of resources that are loaded by a web page.

The Resources panel

You can click the Resources icon on the toolbar to display the Resources panel. If you have not already enabled resource tracking, the Web Inspector prompts you to do so.

The Resources panel displays a complete list of the resources that the BlackBerry Browser must request and load to render the webpage. You can graph the resources according to load times and file size. You can also use the Resources panel to view the content of any resource file. The toolbar at the top of the Resources panel allows you to filter your resources by type.

Back To Top

View resource load time measures

  1. Click the Resources icon on the toolbar to display the Resources panel.
  2. In the top left corner of the Resources panel, click the Time icon. The right pane displays a graph of the resources based on timing information.
  3. In the drop-down list in the status bar below the Resources panel, select any of the following load time measures:
    • Start time: Measures the time at which the resource is requested.
    • Response time: Measures the time at which the resource is initially received.
    • End time: Measures the time at which the resource is completely loaded.
    • Duration: Measure the total length of time it takes to load the resource.
    • Latency: Measures the amount of delay between the start time value and the response time value.
Back To Top

View resource size information

  1. Click the Resources icon on the toolbar to display the Resources panel.
  2. In the top left corner of the Resources panel, click the Size icon. The right pane displays a graph of the resources based on size information.
  3. In the drop-down list in the status bar below the Resources panel, select any of the following size measures:
    • Transfer size: Specifies the portion of the total file size that was transferred to the browser.
    • Size: Specifies the total file size.
Back To Top

View resource content and associated headers

  1. Click the Resources icon on the toolbar to display the Resources panel.
  2. In the list in the left pane of the Resources panel, click a resource. The right pane displays two tabs, one that displays the resource content and another that displays the HTTP headers sent with both the request and the response.
Back To Top
Next topic: Debugging scripts

Was this information helpful? Send us your comments.