lighthouse/docs/new-audits.md

4.1 KiB
Исходник Ответственный История

So, you want to create a new audit? Great! We're excited that you want to add to the Lighthouse project :) The goal of this document is to help you understand what constitutes as a "good" audit for Lighthouse, and steps you can follow if you want to propose a new audit.

New audit principles

Lighthouse audits that surface in the report should:

  • be applicable to a significant portion of web developers (based on scale and severity of impact)
  • contribute significantly towards making the mobile web experience better for end users.
  • not have a significant impact on our runtime performance or bundle size.
  • be new, not something that is already measured by existing audits.
  • be measurable (especially for performance audits) or have clear pass/fail states.
  • be actionable - when failing, specific advice should be given. If the failure can be tied to a specific resource (a DOM element, script, line of code), use the appropriate detail type (see below). If multiple failures can occur for a page, return a table.
  • not use 3rd party APIs for completing the audit check.

Actionability

  1. Specific advice should be given if the audit fails. If an audit can fail in multiple ways, each way should have specific guidance that the user should take to resolve the problem.
  2. If the failure can be applied to a specific resource, use the appropriate detail type (see subsection).
  3. If multiple failures can occur on a single page, show each (use a table - don't just return a binary score).

Detail Types

An audit can return a number of different detail types.

detail type resource notes
'node' DOM element set path to a devtoolsNodePath
'source-location' Code Network Resource use to point to specific line, column
'code' N/A; freeform render as monospace font like this
'url' Network Resource we will make it a pretty link
'thumbnail' Image Resource same as above, but we show a thumbnail
'link' - arbitrary link / url combination
'text'|'ms'|'numeric' -

Detail type examples

Process for creating a new audit

  1. Scan the criteria weve laid out above. If you think the principles match with your proposed new audit, then proceed!
  2. Next step is to create an issue on GitHub with answers to the following questions:
#### Provide a basic description of the audit
#### How would the audit appear in the report? 
<!-- How would the test look when passing? Would there be additional details available?
     How would the test look when failing? What additional details are available? 
     If the details are tabular, what are the columns?
     If not obvious, how would passing/failing be defined? -->
#### How is this audit different from existing ones?
#### What % of developers/pages will this impact? 
<!-- (Estimates OK, data points preferred) -->
#### How is the new audit making a better web for end users?
<!-- (Data points preferred) -->
#### What is the resourcing situation? 
<!-- Who will create the audits, write the documentation, and maintain both? -->
#### Any other links or documentation that we should check out?
  1. Once the proposal is submitted, then Lighthouse team will take a look and followup. We will discuss possible implementation approaches, and associated runtime overhead. With this new information we can better understand the impl cost and effort required and prioritize the audit into our sprint/roadmap.
  2. Depending on the prioritization, we'll then work with you to figure out the necessary engineering/UX/product details.