--- title: Synthetic monitoring: Understand load times source: https://docs.newrelic.com/docs/synthetics/synthetic-monitoring/pages/synthetic-monitoring-understand-load-times --- Use the **Resources** page to understand the load time impact of each resource on your website. Use the [resources load time](#resources-load-time), [time spent by third parties](#third-parties), and [irregular response codes](#response-codes) graphs for a high-level overview, and use the [resources list](#resources-list) to identify high-impact resources such as large CSS files or images. You can also investigate a specific resource with [detailed resource metrics](#detailed-metrics), which aggregate performance information for a single resource. Go even deeper and [view one load of that resource](#resource-results), using the exact request and response headers to pinpoint a performance issue. ## View the Resources page [#viewing] To access your monitor's **Resources** page, go to **[one.newrelic.com](https://one.newrelic.com/synthetics-nerdlets) > Synthetic monitoring > (select a monitor) > Resources**. ![screen-synthetics-resources.png](https://docs.newrelic.com/images/synthetic_screenshot-full_resources-Page.webp "screen-synthetics-resources.png") **[one.newrelic.com](https://one.newrelic.com/synthetics-nerdlets) > Synthetic monitoring > (select a monitor) > Resources**: Use the **Resources** page to analyze the performance of each resource on your website and access detailed metrics with [individual resource loads](#resource-results). ## Understand resource metrics [#understanding] Use the **Resources** page to understand the performance impact of each resource on your website: - **Resources list**: Lists the resources on your monitored website by **average download time**. Use this list to optimize your website's performance by reducing download times. You can also view the load time for any particular resource by searching for it in the **Search all resources** field. Select a resource to [view individual resource metrics](#individual). - **Load time**: Graphs the average load time for all resources, broken down by resource type (such as `jpeg`, `json`, or `javascript`). Use this graph to understand how the load time of your website changes over time. - **Time spent by third parties**: Graphs the average load time of all third-party resources, such as web fonts, an embedded Twitter timeline, or an externally hosted image. Use this graph to see if third-party websites are affecting your website's performance. - **Irregular response codes**: Graphs the number of negative HTTP response codes (also called [HTTP status codes](http://en.wikipedia.org/wiki/List_of_HTTP_status_codes)) received by the monitor. This graph includes all responses in the 300 (redirection), 400 (client error), and 500 (server error) ranges. It does not count responses in the 100 or 200 ranges. Synthetics also collects a number of [custom response codes](https://docs.newrelic.com/docs/synthetics/new-relic-synthetics/using-monitors/synthetics-response-codes). By analyzing these metrics, you can track down troublesome resources and improve their performance. For example, an unoptimized logo image might cause slowdowns for every visitor of your site, while a tracker that is served only from a US-based server could result in slow performance for non-US visitors. ## View detailed resource metrics [#detailed-metrics] You can also view detailed metrics for each resource on your site. To view detailed metrics, [locate a specific resource](#locate-resource), or simply select an interesting resource from the **Resources** page. After selecting a resource, you can view overview metrics for that resource, or [view an individual resource load](#resource-results): - **Max duration**, **Min duration**, **Avg duration**: Load time metrics for this resource over the [selected time frame](#time-frame). - **For 50% of requests**: The maximum download time for the **fastest** 50% of requests. This means that 50% of requests for this resource were completed in the specified time or faster. - **For 95% of requests**: The maximum download time for the **fastest** 95% of requests. This means that 95% of requests for this resource were completed in the specified time or faster. - **Average load time**: Graphs the average load time for this resource over the [selected time frame](#time-frame). Use this graph to verify that optimizations to your website (such as decreasing the size of an image or minifying your CSS) are working. You can also [hide and unhide chart elements](#hide-unhide), filter by location, and sort the [resource results](#resource-results) list by **Download time** or **DNS lookup**. Mouse over the resource name to view the full path (useful with very long dynamically generated resource names). ## View individual resource loads [#resource-results] After viewing [detailed metrics](#detailed-metrics) for a particular resource, you can select an individual resource load for an in-depth understanding of one poor performance alert event. You can then view a breakdown of the total connection time to understand where the issue occurred, and examine request and response headers. ![screen-synthetics-individual-resource-results.png](https://docs.newrelic.com/images/synthetic_screenshot-full_find-resource-load-details.webp "screen-synthetics-individual-resource-results.png") **[one.newrelic.com > Synthetic monitoring](https://one.newrelic.com/synthetics-nerdlets)** > (select a monitor) > **Resources** > (select a resource) > (select a resource load): Select an individual resource load to see a detailed breakdown of connection time, request headers, and response headers. Network timing structure taken from the [HTTP Archive 1.2 specification](http://www.softwareishard.com/blog/har-12-spec/#timings). ## Use page functions [#ui-functions] The **Resources** page supports the following features: | **If you want to...** | **Do this...** | | ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Sort the results list | From the **Sort By** dropdown, select a sort option: - Sort by **Average download time** to view your slowest-loading resources. - Sort by **Average size** to view your largest resources. | | Hide and unhide chart elements | Select chart elements to hide and unhide them. ![switch monitors by selecting the monitor name](https://docs.newrelic.com/images/synthetic_screenshot-crop_hide-unhide-differences.webp "crop-quick-monitor-switcher.png") | | Locate a specific resource | Enter part of your resource name in the **Search all resources** field (for example, **search-icon.webp** or **latest.json**). Select the resource to [view detailed metrics for that resource](#detailed-metrics). | | Quickly access another monitor | - At the top of the screen, click on the name of the current monitor to open the dropdown menu. - Select from the list of recent monitors, or enter a name in the search field to search for a specific monitor. ![Switch synthetic monitor quickly](https://docs.newrelic.com/images/synthetic_screenshot-crop_new-monitor-quick.webp "Switch synthetic monitor quickly") | | Change the time frame | Use the [time picker](https://docs.newrelic.com/docs/query-your-data/explore-query-data/dashboards/manage-your-dashboard/#dash-time-picker) to adjust the number of results returned. |