/dev tips

(191) Improved Inspect Element Tooltip WebSocket Viewer (193)

Chrome DevTools: Instant performance suggestions with Console Violations

29th January 2019
Instant performance suggestions with Console Violations

Console Violations reminds you of best practices, customised to your code.

A benefit of using this feature is: there's no need to run a Performance Profile, or to run an Audit, since violations are shown as the offending code executes (e.g. on page load).

To view Console Violations:

  1. Click the 'Default levels' dropdown in the Console Panel and select 'Verbose'
  2. Type in violation in the Console Panel filter box

Violations can provide valuable performance insight into your code, such as:

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.