Auditing your webpage

The
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, the
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
Audit icon in the toolbar to display the
Audits panel.

The
Audit 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, the
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.