Auditing your webpage

Web Inspector can audit your webpage for inefficiencies and, based on a set of best practices for web design, suggest changes you can make that can help improve network utilization and performance. The Audits panel allows you to run an audit, and provides a list of perceived inefficiencies in your webpage design. For example, Web Inspector can analyze your resources and determine where you might consider combining script files or style sheets. The Audits panel can also inform you where you have needlessly downloaded styles that are not used, specify resources for which you have set no cache control directives, and suggest other optimizations.

The Audits panel can be especially helpful when you design pages for mobile browsers. On mobile browsers, network latency extends download times, and constrained processing power tends to increase rendering time and slow webpage performance. As a result, eliminating inefficiencies in your webpage design can have an significant positive impact.

The Audits panel

You can click the Audits icon in the toolbar to display the Audits panel.

Screen showing the Audits panel.

The Audits panel provides a few options; you can choose to audit network utilization, page performance, or both. You can also choose to run the audit against the static page, or reload the page and run the audit as the page loads.

Once you have run an audit, Web Inspector adds the report to the list at the left of the panel and displays the results in the main pane. The audit results suggest improvements you can make to your webpage to increase efficiencies.

Screen showing the audit results of a webpage.

Last modified: 2014-10-09

Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus