lighthouse 12.8.2 → 13.0.0

package/core/computed/metrics/lcp-breakdown.js

@@ -10,42 +10,70 @@ import {LargestContentfulPaint} from './largest-contentful-paint.js';
 import {ProcessedNavigation} from '../processed-navigation.js';
 import {TimeToFirstByte} from './time-to-first-byte.js';
 import {LCPImageRecord} from '../lcp-image-record.js';
+import {NavigationInsights} from '../navigation-insights.js';
 
+/**
+ * Note: this omits renderDelay for simulated throttling.
+ */
 class LCPBreakdown {
   /**
    * @param {LH.Artifacts.MetricComputationDataInput} data
    * @param {LH.Artifacts.ComputedContext} context
-   * @return {Promise<{ttfb: number, loadStart?: number, loadEnd?: number}>}
+   * @return {Promise<{ttfb: number, loadDelay?: number, loadDuration?: number, renderDelay?: number}>}
    */
   static async compute_(data, context) {
-    const processedNavigation = await ProcessedNavigation.request(data.trace, context);
-    const observedLcp = processedNavigation.timings.largestContentfulPaint;
-    if (observedLcp === undefined) {
-      throw new LighthouseError(LighthouseError.errors.NO_LCP);
-    }
-    const timeOrigin = processedNavigation.timestamps.timeOrigin / 1000;
+    if (data.settings.throttlingMethod === 'simulate') {
+      const processedNavigation = await ProcessedNavigation.request(data.trace, context);
+      const observedLcp = processedNavigation.timings.largestContentfulPaint;
+      if (observedLcp === undefined) {
+        throw new LighthouseError(LighthouseError.errors.NO_LCP);
+      }
+      const timeOrigin = processedNavigation.timestamps.timeOrigin / 1000;
 
-    const {timing: ttfb} = await TimeToFirstByte.request(data, context);
+      const {timing: ttfb} = await TimeToFirstByte.request(data, context);
 
-    const lcpRecord = await LCPImageRecord.request(data, context);
-    if (!lcpRecord) {
-      return {ttfb};
-    }
+      const lcpRecord = await LCPImageRecord.request(data, context);
+      if (!lcpRecord) {
+        return {ttfb};
+      }
+
+      // Official LCP^tm. Will be lantern result if simulated, otherwise same as observedLcp.
+      const {timing: metricLcp} = await LargestContentfulPaint.request(data, context);
+      const throttleRatio = metricLcp / observedLcp;
 
-    // Official LCP^tm. Will be lantern result if simulated, otherwise same as observedLcp.
-    const {timing: metricLcp} = await LargestContentfulPaint.request(data, context);
-    const throttleRatio = metricLcp / observedLcp;
+      const unclampedLoadStart = (lcpRecord.networkRequestTime - timeOrigin) * throttleRatio;
+      const loadDelay = Math.max(ttfb, Math.min(unclampedLoadStart, metricLcp));
 
-    const unclampedLoadStart = (lcpRecord.networkRequestTime - timeOrigin) * throttleRatio;
-    const loadStart = Math.max(ttfb, Math.min(unclampedLoadStart, metricLcp));
+      const unclampedLoadEnd = (lcpRecord.networkEndTime - timeOrigin) * throttleRatio;
+      const loadDuration = Math.max(loadDelay, Math.min(unclampedLoadEnd, metricLcp));
 
-    const unclampedLoadEnd = (lcpRecord.networkEndTime - timeOrigin) * throttleRatio;
-    const loadEnd = Math.max(loadStart, Math.min(unclampedLoadEnd, metricLcp));
+      return {
+        ttfb,
+        loadDelay,
+        loadDuration,
+      };
+    }
+
+    const {trace, settings, SourceMaps} = data;
+    const navInsights = await NavigationInsights.request({trace, settings, SourceMaps}, context);
+    const lcpBreakdown = navInsights.model.LCPBreakdown;
+    if (lcpBreakdown instanceof Error) {
+      throw new LighthouseError(LighthouseError.errors.NO_LCP, {}, {cause: lcpBreakdown});
+    }
+
+    if (!lcpBreakdown.subparts) {
+      throw new LighthouseError(LighthouseError.errors.NO_LCP);
+    }
 
     return {
-      ttfb,
-      loadStart,
-      loadEnd,
+      ttfb: lcpBreakdown.subparts.ttfb.range / 1000,
+      loadDelay: lcpBreakdown.subparts.loadDelay !== undefined ?
+        lcpBreakdown.subparts.loadDelay.range / 1000 :
+        undefined,
+      loadDuration: lcpBreakdown.subparts.loadDuration !== undefined ?
+        lcpBreakdown.subparts.loadDuration.range / 1000 :
+        undefined,
+      renderDelay: lcpBreakdown.subparts.renderDelay.range / 1000,
     };
   }
 }

package/core/computed/metrics/time-to-first-byte.js

@@ -4,10 +4,14 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import {calculateDocFirstByteTs} from '@paulirish/trace_engine/models/trace/insights/Common.js';
+
 import {makeComputedArtifact} from '../computed-artifact.js';
 import {NavigationMetric} from './navigation-metric.js';
 import {MainResource} from '../main-resource.js';
 import {NetworkAnalysis} from '../network-analysis.js';
+import {NavigationInsights} from '../navigation-insights.js';
+import {TraceEngineResult} from '../trace-engine-result.js';
 
 class TimeToFirstByte extends NavigationMetric {
   /**
@@ -41,18 +45,37 @@ class TimeToFirstByte extends NavigationMetric {
    * @return {Promise<LH.Artifacts.Metric>}
    */
   static async computeObservedMetric(data, context) {
-    const mainResource = await MainResource.request(data, context);
-    if (!mainResource.timing) {
-      throw new Error('missing timing for main resource');
+    const {trace, settings, SourceMaps} = data;
+    const traceEngineResult =
+      await TraceEngineResult.request({trace, settings, SourceMaps}, context);
+    const navInsights = await NavigationInsights.request({trace, settings, SourceMaps}, context);
+    const lcpBreakdown = navInsights.model.LCPBreakdown;
+
+    // Defer to LCP breakdown, but if there's no LCP fallback to manual calculation.
+    if (!(lcpBreakdown instanceof Error) && lcpBreakdown.subparts) {
+      return {
+        timing: lcpBreakdown.subparts.ttfb.range / 1000,
+        timestamp: lcpBreakdown.subparts.ttfb.max,
+      };
+    } else if (navInsights.navigation?.args.data?.navigationId) {
+      const request = traceEngineResult.data.NetworkRequests.byId.get(
+        navInsights.navigation.args.data.navigationId);
+      if (!request) {
+        throw new Error();
+      }
+
+      const timestamp = calculateDocFirstByteTs(request);
+      if (timestamp === null) {
+        throw new Error('cannot calculate ttfb');
+      }
+
+      return {
+        timing: (timestamp - navInsights.navigation.ts) / 1000,
+        timestamp,
+      };
     }
 
-    const {processedNavigation} = data;
-    const timeOriginTs = processedNavigation.timestamps.timeOrigin;
-    const timestampMs =
-      mainResource.timing.requestTime * 1000 + mainResource.timing.receiveHeadersStart;
-    const timestamp = timestampMs * 1000;
-    const timing = (timestamp - timeOriginTs) / 1000;
-    return {timing, timestamp};
+    throw new Error('cannot determine ttfb');
   }
 }
 

package/core/computed/metrics/timing-summary.js

@@ -96,8 +96,9 @@ class TimingSummary {
       cumulativeLayoutShift,
       cumulativeLayoutShiftMainFrame,
 
-      lcpLoadStart: lcpBreakdown?.loadStart,
-      lcpLoadEnd: lcpBreakdown?.loadEnd,
+      lcpLoadDelay: lcpBreakdown?.loadDelay,
+      lcpLoadDuration: lcpBreakdown?.loadDuration,
+      lcpRenderDelay: lcpBreakdown?.renderDelay,
 
       timeToFirstByte: ttfb?.timing,
       timeToFirstByteTs: ttfb?.timestamp,

package/core/computed/page-dependency-graph.js

@@ -27,7 +27,7 @@ class PageDependencyGraph {
     if (data.fromTrace) {
       const traceEngineResult =
         await TraceEngineResult.request({trace, settings, SourceMaps}, context);
-      const parsedTrace = traceEngineResult.parsedTrace;
+      const parsedTrace = traceEngineResult.data;
       const requests =
         Lantern.TraceEngineComputationData.createNetworkRequests(trace, parsedTrace);
       const graph =

package/core/computed/trace-engine-result.js

@@ -62,10 +62,10 @@ class TraceEngineResult {
         return new SDK.SourceMap(compiledUrl, mapUrl, sourceMap.map);
       },
     });
-    if (!processor.parsedTrace) throw new Error('No data');
+    if (!processor.data) throw new Error('No data');
     if (!processor.insights) throw new Error('No insights');
     this.localizeInsights(processor.insights);
-    return {parsedTrace: processor.parsedTrace, insights: processor.insights};
+    return {data: processor.data, insights: processor.insights};
   }
 
   /**

package/core/config/default-config.js

@@ -114,12 +114,9 @@ const defaultConfig = {
 
     {id: 'Accessibility', gatherer: 'accessibility'},
     {id: 'AnchorElements', gatherer: 'anchor-elements'},
-    {id: 'CacheContents', gatherer: 'cache-contents'},
     {id: 'ConsoleMessages', gatherer: 'console-messages'},
     {id: 'CSSUsage', gatherer: 'css-usage'},
     {id: 'Doctype', gatherer: 'dobetterweb/doctype'},
-    {id: 'DOMStats', gatherer: 'dobetterweb/domstats'},
-    {id: 'FontSize', gatherer: 'seo/font-size'},
     {id: 'Inputs', gatherer: 'inputs'},
     {id: 'IFrameElements', gatherer: 'iframe-elements'},
     {id: 'ImageElements', gatherer: 'image-elements'},
@@ -129,8 +126,6 @@ const defaultConfig = {
     {id: 'MainDocumentContent', gatherer: 'main-document-content'},
     {id: 'MetaElements', gatherer: 'meta-elements'},
     {id: 'NetworkUserAgent', gatherer: 'network-user-agent'},
-    {id: 'OptimizedImages', gatherer: 'dobetterweb/optimized-images'},
-    {id: 'ResponseCompression', gatherer: 'dobetterweb/response-compression'},
     {id: 'RobotsTxt', gatherer: 'seo/robots-txt'},
     {id: 'Scripts', gatherer: 'scripts'},
     {id: 'SourceMaps', gatherer: 'source-maps'},
@@ -139,10 +134,6 @@ const defaultConfig = {
     {id: 'TraceElements', gatherer: 'trace-elements'},
     {id: 'ViewportDimensions', gatherer: 'viewport-dimensions'},
 
-    // Artifact copies are renamed for compatibility with legacy artifacts.
-    {id: 'devtoolsLogs', gatherer: 'devtools-log-compat'},
-    {id: 'traces', gatherer: 'trace-compat'},
-
     // FullPageScreenshot comes at the end so all other node analysis is captured.
     {id: 'FullPageScreenshot', gatherer: 'full-page-screenshot'},
 
@@ -152,10 +143,8 @@ const defaultConfig = {
   audits: [
     'is-on-https',
     'redirects-http',
-    'viewport',
     'metrics/first-contentful-paint',
     'metrics/largest-contentful-paint',
-    'metrics/first-meaningful-paint',
     'metrics/speed-index',
     'screenshot-thumbnails',
     'final-screenshot',
@@ -167,7 +156,6 @@ const defaultConfig = {
     'server-response-time',
     'metrics/interactive',
     'user-timings',
-    'critical-request-chains',
     'redirects',
     'image-aspect-ratio',
     'image-size-responsive',
@@ -175,8 +163,6 @@ const defaultConfig = {
     'third-party-cookies',
     'mainthread-work-breakdown',
     'bootup-time',
-    'uses-rel-preconnect',
-    'font-display',
     'diagnostics',
     'network-requests',
     'network-rtt',
@@ -184,16 +170,11 @@ const defaultConfig = {
     'main-thread-tasks',
     'metrics',
     'resource-summary',
-    'third-party-summary',
-    'third-party-facades',
-    'largest-contentful-paint-element',
-    'lcp-lazy-loaded',
     'layout-shifts',
     'long-tasks',
     'non-composited-animations',
     'unsized-images',
     'valid-source-maps',
-    'prioritize-lcp-image',
     'csp-xss',
     'has-hsts',
     'origin-isolation',
@@ -273,36 +254,20 @@ const defaultConfig = {
     'accessibility/manual/offscreen-content-hidden',
     'accessibility/manual/use-landmarks',
     'accessibility/manual/visual-order-follows-dom',
-    'byte-efficiency/uses-long-cache-ttl',
     'byte-efficiency/total-byte-weight',
-    'byte-efficiency/offscreen-images',
-    'byte-efficiency/render-blocking-resources',
     'byte-efficiency/unminified-css',
     'byte-efficiency/unminified-javascript',
     'byte-efficiency/unused-css-rules',
     'byte-efficiency/unused-javascript',
-    'byte-efficiency/modern-image-formats',
-    'byte-efficiency/uses-optimized-images',
-    'byte-efficiency/uses-text-compression',
-    'byte-efficiency/uses-responsive-images',
-    'byte-efficiency/efficient-animated-content',
-    'byte-efficiency/duplicated-javascript',
-    'byte-efficiency/legacy-javascript',
-    'byte-efficiency/uses-responsive-images-snapshot',
     'dobetterweb/doctype',
     'dobetterweb/charset',
-    'dobetterweb/dom-size',
     'dobetterweb/geolocation-on-start',
     'dobetterweb/inspector-issues',
-    'dobetterweb/no-document-write',
     'dobetterweb/js-libraries',
     'dobetterweb/notification-on-start',
     'dobetterweb/paste-preventing-inputs',
-    'dobetterweb/uses-http2',
-    'dobetterweb/uses-passive-event-listeners',
     'seo/meta-description',
     'seo/http-status-code',
-    'seo/font-size',
     'seo/link-text',
     'seo/crawlable-anchors',
     'seo/is-crawlable',
@@ -310,7 +275,6 @@ const defaultConfig = {
     'seo/hreflang',
     'seo/canonical',
     'seo/manual/structured-data',
-    'work-during-interaction',
     'bf-cache',
     'insights/cache-insight',
     'insights/cls-culprits-insight',
@@ -414,68 +378,39 @@ const defaultConfig = {
         {id: 'interaction-to-next-paint', weight: 0, group: 'metrics', acronym: 'INP'},
 
         // Insight audits.
-        {id: 'cache-insight', weight: 0, group: 'hidden'},
-        {id: 'cls-culprits-insight', weight: 0, group: 'hidden'},
-        {id: 'document-latency-insight', weight: 0, group: 'hidden'},
-        {id: 'dom-size-insight', weight: 0, group: 'hidden'},
-        {id: 'duplicated-javascript-insight', weight: 0, group: 'hidden'},
-        {id: 'font-display-insight', weight: 0, group: 'hidden'},
-        {id: 'forced-reflow-insight', weight: 0, group: 'hidden'},
-        {id: 'image-delivery-insight', weight: 0, group: 'hidden'},
-        {id: 'inp-breakdown-insight', weight: 0, group: 'hidden'},
-        {id: 'lcp-breakdown-insight', weight: 0, group: 'hidden'},
-        {id: 'lcp-discovery-insight', weight: 0, group: 'hidden'},
-        {id: 'legacy-javascript-insight', weight: 0, group: 'hidden'},
-        {id: 'modern-http-insight', weight: 0, group: 'hidden'},
-        {id: 'network-dependency-tree-insight', weight: 0, group: 'hidden'},
-        {id: 'render-blocking-insight', weight: 0, group: 'hidden'},
-        {id: 'third-parties-insight', weight: 0, group: 'hidden'},
-        {id: 'viewport-insight', weight: 0, group: 'hidden'},
+        {id: 'cache-insight', weight: 0, group: 'insights'},
+        {id: 'cls-culprits-insight', weight: 0, group: 'insights'},
+        {id: 'document-latency-insight', weight: 0, group: 'insights'},
+        {id: 'dom-size-insight', weight: 0, group: 'insights'},
+        {id: 'duplicated-javascript-insight', weight: 0, group: 'insights'},
+        {id: 'font-display-insight', weight: 0, group: 'insights'},
+        {id: 'forced-reflow-insight', weight: 0, group: 'insights'},
+        {id: 'image-delivery-insight', weight: 0, group: 'insights'},
+        {id: 'inp-breakdown-insight', weight: 0, group: 'insights'},
+        {id: 'lcp-breakdown-insight', weight: 0, group: 'insights'},
+        {id: 'lcp-discovery-insight', weight: 0, group: 'insights'},
+        {id: 'legacy-javascript-insight', weight: 0, group: 'insights'},
+        {id: 'modern-http-insight', weight: 0, group: 'insights'},
+        {id: 'network-dependency-tree-insight', weight: 0, group: 'insights'},
+        {id: 'render-blocking-insight', weight: 0, group: 'insights'},
+        {id: 'third-parties-insight', weight: 0, group: 'insights'},
+        {id: 'viewport-insight', weight: 0, group: 'insights'},
 
         // These are our "invisible" metrics. Not displayed, but still in the LHR.
         {id: 'interactive', weight: 0, group: 'hidden', acronym: 'TTI'},
         {id: 'max-potential-fid', weight: 0, group: 'hidden'},
-        {id: 'first-meaningful-paint', weight: 0, acronym: 'FMP', group: 'hidden'},
 
-        {id: 'render-blocking-resources', weight: 0, group: 'diagnostics'},
-        {id: 'uses-responsive-images', weight: 0, group: 'diagnostics'},
-        {id: 'offscreen-images', weight: 0, group: 'diagnostics'},
         {id: 'unminified-css', weight: 0, group: 'diagnostics'},
         {id: 'unminified-javascript', weight: 0, group: 'diagnostics'},
         {id: 'unused-css-rules', weight: 0, group: 'diagnostics'},
         {id: 'unused-javascript', weight: 0, group: 'diagnostics'},
-        {id: 'uses-optimized-images', weight: 0, group: 'diagnostics'},
-        {id: 'modern-image-formats', weight: 0, group: 'diagnostics'},
-        {id: 'uses-text-compression', weight: 0, group: 'diagnostics'},
-        {id: 'uses-rel-preconnect', weight: 0, group: 'diagnostics'},
-        {id: 'server-response-time', weight: 0, group: 'diagnostics'},
-        {id: 'redirects', weight: 0, group: 'diagnostics'},
-        {id: 'uses-http2', weight: 0, group: 'diagnostics'},
-        {id: 'efficient-animated-content', weight: 0, group: 'diagnostics'},
-        {id: 'duplicated-javascript', weight: 0, group: 'diagnostics'},
-        {id: 'legacy-javascript', weight: 0, group: 'diagnostics'},
-        {id: 'prioritize-lcp-image', weight: 0, group: 'diagnostics'},
         {id: 'total-byte-weight', weight: 0, group: 'diagnostics'},
-        {id: 'uses-long-cache-ttl', weight: 0, group: 'diagnostics'},
-        {id: 'dom-size', weight: 0, group: 'diagnostics'},
-        {id: 'critical-request-chains', weight: 0, group: 'diagnostics'},
         {id: 'user-timings', weight: 0, group: 'diagnostics'},
         {id: 'bootup-time', weight: 0, group: 'diagnostics'},
         {id: 'mainthread-work-breakdown', weight: 0, group: 'diagnostics'},
-        {id: 'font-display', weight: 0, group: 'diagnostics'},
-        {id: 'third-party-summary', weight: 0, group: 'diagnostics'},
-        {id: 'third-party-facades', weight: 0, group: 'diagnostics'},
-        {id: 'largest-contentful-paint-element', weight: 0, group: 'diagnostics'},
-        {id: 'lcp-lazy-loaded', weight: 0, group: 'diagnostics'},
-        {id: 'layout-shifts', weight: 0, group: 'diagnostics'},
-        {id: 'uses-passive-event-listeners', weight: 0, group: 'diagnostics'},
-        {id: 'no-document-write', weight: 0, group: 'diagnostics'},
         {id: 'long-tasks', weight: 0, group: 'diagnostics'},
         {id: 'non-composited-animations', weight: 0, group: 'diagnostics'},
         {id: 'unsized-images', weight: 0, group: 'diagnostics'},
-        {id: 'viewport', weight: 0, group: 'diagnostics'},
-        {id: 'uses-responsive-images-snapshot', weight: 0, group: 'diagnostics'},
-        {id: 'work-during-interaction', weight: 0, group: 'diagnostics'},
         {id: 'bf-cache', weight: 0, group: 'diagnostics'},
 
         // Audits past this point contain useful data but are not displayed with other audits.
@@ -489,6 +424,9 @@ const defaultConfig = {
         {id: 'final-screenshot', weight: 0, group: 'hidden'},
         {id: 'script-treemap-data', weight: 0, group: 'hidden'},
         {id: 'resource-summary', weight: 0, group: 'hidden'},
+        {id: 'redirects', weight: 0, group: 'hidden'},
+        {id: 'server-response-time', weight: 0, group: 'hidden'},
+        {id: 'layout-shifts', weight: 0, group: 'hidden'},
       ],
     },
     'accessibility': {
@@ -496,68 +434,86 @@ const defaultConfig = {
       description: str_(UIStrings.a11yCategoryDescription),
       manualDescription: str_(UIStrings.a11yCategoryManualDescription),
       supportedModes: ['navigation', 'snapshot'],
-      // Audit weights are meant to match the aXe scoring system of
-      // minor, moderate, serious, and critical.
-      // See the audits listed at dequeuniversity.com/rules/axe/4.7.
-      // Click on an audit and check the right hand column to see its severity.
+      // Audit weights weights are derived from the axe-core "Impact",
+      // with adjustments based on axe-core "Tags":
+      //
+      // ┌────────────┬───────────────────────────────────────────────┐
+      // │ Impact     │ Weight Based on Tags                          │
+      // │            ├──────────────┬─────────────────┬──────────────┤
+      // │            │  wcag A+AA   │  best-practice  │ experimental │
+      // │            │ (ex: wcag2aa)│ (w/o wcag tag)  │              │
+      // ├────────────┼──────────────┼─────────────────┼──────────────┤
+      // │ Minor      │       1      │        0        │      0       │
+      // │ Moderate   │       3      │        3        │      0       │
+      // │ Serious    │       7      │        7        │      0       │
+      // │ Critical   │      10      │       10        │      0       │
+      // └────────────┴──────────────┴─────────────────┴──────────────┘
+      //
+      // Notes:
+      //  • Experimental rules always have weight 0
+      //  • Best practice rules only affect scores when tagged with wcagA+AA
+      //    and are moderate, serious, or critical.
+      //
+      // To find the latest axe-core Impact and Tag values:
+      //   1. Browse to https://dequeuniversity.com/rules/axe/html.
+      //   2. Click on the latest rule set (ex: https://dequeuniversity.com/rules/axe/html/4.10)
+      //   3. Review the tables
       auditRefs: [
-        {id: 'accesskeys', weight: 7, group: 'a11y-navigation'},
-        {id: 'aria-allowed-attr', weight: 10, group: 'a11y-aria'},
-        {id: 'aria-allowed-role', weight: 1, group: 'a11y-aria'},
-        {id: 'aria-command-name', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-conditional-attr', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-deprecated-role', weight: 1, group: 'a11y-aria'},
-        {id: 'aria-dialog-name', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-hidden-body', weight: 10, group: 'a11y-aria'},
-        {id: 'aria-hidden-focus', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-input-field-name', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-meter-name', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-progressbar-name', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-prohibited-attr', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-required-attr', weight: 10, group: 'a11y-aria'},
-        {id: 'aria-required-children', weight: 10, group: 'a11y-aria'},
-        {id: 'aria-required-parent', weight: 10, group: 'a11y-aria'},
-        {id: 'aria-roles', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-text', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-toggle-field-name', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-tooltip-name', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-treeitem-name', weight: 7, group: 'a11y-aria'},
-        {id: 'aria-valid-attr-value', weight: 10, group: 'a11y-aria'},
-        {id: 'aria-valid-attr', weight: 10, group: 'a11y-aria'},
-        {id: 'button-name', weight: 10, group: 'a11y-names-labels'},
-        {id: 'bypass', weight: 7, group: 'a11y-navigation'},
-        {id: 'color-contrast', weight: 7, group: 'a11y-color-contrast'},
-        {id: 'definition-list', weight: 7, group: 'a11y-tables-lists'},
-        {id: 'dlitem', weight: 7, group: 'a11y-tables-lists'},
-        {id: 'document-title', weight: 7, group: 'a11y-names-labels'},
-        {id: 'duplicate-id-aria', weight: 10, group: 'a11y-aria'},
-        {id: 'form-field-multiple-labels', weight: 3, group: 'a11y-names-labels'},
-        {id: 'frame-title', weight: 7, group: 'a11y-names-labels'},
-        {id: 'heading-order', weight: 3, group: 'a11y-navigation'},
-        {id: 'html-has-lang', weight: 7, group: 'a11y-language'},
-        {id: 'html-lang-valid', weight: 7, group: 'a11y-language'},
-        {id: 'html-xml-lang-mismatch', weight: 3, group: 'a11y-language'},
-        {id: 'image-alt', weight: 10, group: 'a11y-names-labels'},
-        {id: 'image-redundant-alt', weight: 1, group: 'a11y-names-labels'},
-        {id: 'input-button-name', weight: 10, group: 'a11y-names-labels'},
-        {id: 'input-image-alt', weight: 10, group: 'a11y-names-labels'},
-        {id: 'label', weight: 7, group: 'a11y-names-labels'},
-        {id: 'link-in-text-block', weight: 7, group: 'a11y-color-contrast'},
-        {id: 'link-name', weight: 7, group: 'a11y-names-labels'},
-        {id: 'list', weight: 7, group: 'a11y-tables-lists'},
-        {id: 'listitem', weight: 7, group: 'a11y-tables-lists'},
-        {id: 'meta-refresh', weight: 10, group: 'a11y-best-practices'},
-        {id: 'meta-viewport', weight: 10, group: 'a11y-best-practices'},
-        {id: 'object-alt', weight: 7, group: 'a11y-names-labels'},
-        {id: 'select-name', weight: 7, group: 'a11y-names-labels'},
-        {id: 'skip-link', weight: 3, group: 'a11y-names-labels'},
-        {id: 'tabindex', weight: 7, group: 'a11y-navigation'},
-        {id: 'table-duplicate-name', weight: 1, group: 'a11y-tables-lists'},
-        {id: 'target-size', weight: 7, group: 'a11y-best-practices'},
-        {id: 'td-headers-attr', weight: 7, group: 'a11y-tables-lists'},
-        {id: 'th-has-data-cells', weight: 7, group: 'a11y-tables-lists'},
-        {id: 'valid-lang', weight: 7, group: 'a11y-language'},
-        {id: 'video-caption', weight: 10, group: 'a11y-audio-video'},
+        {id: 'accesskeys', weight: 7, group: 'a11y-navigation'}, // Serious, best-practice
+        {id: 'aria-allowed-attr', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'aria-command-name', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-conditional-attr', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-deprecated-role', weight: 1, group: 'a11y-aria'}, // Minor, wcag2a
+        {id: 'aria-dialog-name', weight: 7, group: 'a11y-aria'}, // Serious, best-practice
+        {id: 'aria-hidden-body', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'aria-hidden-focus', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-input-field-name', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-meter-name', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-progressbar-name', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-prohibited-attr', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-required-attr', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'aria-required-children', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'aria-required-parent', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'aria-roles', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'aria-text', weight: 7, group: 'a11y-aria'}, // Serious, best-practice
+        {id: 'aria-toggle-field-name', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-tooltip-name', weight: 7, group: 'a11y-aria'}, // Serious, wcag2a
+        {id: 'aria-treeitem-name', weight: 7, group: 'a11y-aria'}, // Serious, best-practice
+        {id: 'aria-valid-attr-value', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'aria-valid-attr', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'button-name', weight: 10, group: 'a11y-names-labels'}, // Critical, wcag2a
+        {id: 'bypass', weight: 7, group: 'a11y-navigation'}, // Serious, wcag2a
+        {id: 'color-contrast', weight: 7, group: 'a11y-color-contrast'}, // Serious, wcag2aa
+        {id: 'definition-list', weight: 7, group: 'a11y-tables-lists'}, // Serious, wcag2a
+        {id: 'dlitem', weight: 7, group: 'a11y-tables-lists'}, // Serious, wcag2a
+        {id: 'document-title', weight: 7, group: 'a11y-names-labels'}, // Serious, wcag2a
+        {id: 'duplicate-id-aria', weight: 10, group: 'a11y-aria'}, // Critical, wcag2a
+        {id: 'form-field-multiple-labels', weight: 3, group: 'a11y-names-labels'}, // Moderate, wcag2a
+        {id: 'frame-title', weight: 7, group: 'a11y-names-labels'}, // Serious, wcag2a
+        {id: 'heading-order', weight: 3, group: 'a11y-navigation'}, // Moderate, best-practice
+        {id: 'html-has-lang', weight: 7, group: 'a11y-language'}, // Serious, wcag2a
+        {id: 'html-lang-valid', weight: 7, group: 'a11y-language'}, // Serious, wcag2a
+        {id: 'html-xml-lang-mismatch', weight: 3, group: 'a11y-language'}, // Moderate, wcag2a
+        {id: 'image-alt', weight: 10, group: 'a11y-names-labels'}, // Critical, wcag2a
+        {id: 'input-button-name', weight: 10, group: 'a11y-names-labels'}, // Critical, wcag2a
+        {id: 'input-image-alt', weight: 10, group: 'a11y-names-labels'}, // Critical, wcag2a
+        {id: 'label', weight: 10, group: 'a11y-names-labels'}, // Critical, wcag2a
+        {id: 'link-in-text-block', weight: 7, group: 'a11y-color-contrast'}, // Serious, wcag2a
+        {id: 'link-name', weight: 7, group: 'a11y-names-labels'}, // Serious, wcag2a
+        {id: 'list', weight: 7, group: 'a11y-tables-lists'}, // Serious, wcag2a
+        {id: 'listitem', weight: 7, group: 'a11y-tables-lists'}, // Serious, wcag2a
+        {id: 'meta-refresh', weight: 10, group: 'a11y-best-practices'}, // Critical, wcag2a
+        {id: 'meta-viewport', weight: 10, group: 'a11y-best-practices'}, // Critical, wcag2aa
+        {id: 'object-alt', weight: 7, group: 'a11y-names-labels'}, // Serious, wcag2a
+        {id: 'select-name', weight: 10, group: 'a11y-names-labels'}, // Critical, wcag2a
+        {id: 'skip-link', weight: 3, group: 'a11y-names-labels'}, // Moderate, best-practice
+        {id: 'tabindex', weight: 7, group: 'a11y-navigation'}, // Serious, best-practice
+        {id: 'target-size', weight: 7, group: 'a11y-best-practices'}, // Serious, wcag22aa
+        {id: 'td-headers-attr', weight: 7, group: 'a11y-tables-lists'}, // Serious, wcag2a
+        {id: 'th-has-data-cells', weight: 7, group: 'a11y-tables-lists'}, // Serious, wcag2a
+        {id: 'valid-lang', weight: 7, group: 'a11y-language'}, // Serious, wcag2aa
+        {id: 'video-caption', weight: 10, group: 'a11y-audio-video'}, // Critical, wcag2a
+        {id: 'landmark-one-main', weight: 3, group: 'a11y-best-practices'}, // Moderate, best-practice
         // Manual audits
         {id: 'focusable-controls', weight: 0},
         {id: 'interactive-element-affordance', weight: 0},
@@ -569,13 +525,17 @@ const defaultConfig = {
         {id: 'offscreen-content-hidden', weight: 0},
         {id: 'custom-controls-labels', weight: 0},
         {id: 'custom-controls-roles', weight: 0},
-        // Hidden audits
-        {id: 'empty-heading', weight: 0, group: 'hidden'},
-        {id: 'identical-links-same-purpose', weight: 0, group: 'hidden'},
-        {id: 'landmark-one-main', weight: 0, group: 'hidden'},
-        {id: 'label-content-name-mismatch', weight: 0, group: 'hidden'},
-        {id: 'table-fake-caption', weight: 0, group: 'hidden'},
-        {id: 'td-has-header', weight: 0, group: 'hidden'},
+        // Low-impact best-practices
+        {id: 'table-duplicate-name', weight: 0, group: 'a11y-best-practices'}, // Minor, best-practice
+        {id: 'empty-heading', weight: 0, group: 'a11y-best-practices'}, // Minor, best-practice
+        {id: 'aria-allowed-role', weight: 0, group: 'a11y-best-practices'}, // Minor, best-practice
+        {id: 'image-redundant-alt', weight: 0, group: 'a11y-names-labels'}, // Minor, best-practice
+        // WCAG AAA
+        {id: 'identical-links-same-purpose', weight: 0, group: 'a11y-best-practices'}, // Minor, wcag2aaa
+        // Hidden audits (ie. experimental)
+        {id: 'label-content-name-mismatch', weight: 0, group: 'hidden'}, // Serious, experimental
+        {id: 'table-fake-caption', weight: 0, group: 'hidden'}, // Serious, experimental
+        {id: 'td-has-header', weight: 0, group: 'hidden'}, // Critical, experimental
       ],
     },
     'best-practices': {
@@ -596,8 +556,6 @@ const defaultConfig = {
         {id: 'paste-preventing-inputs', weight: 3, group: 'best-practices-ux'},
         {id: 'image-aspect-ratio', weight: 1, group: 'best-practices-ux'},
         {id: 'image-size-responsive', weight: 1, group: 'best-practices-ux'},
-        {id: 'viewport', weight: 1, group: 'best-practices-ux'},
-        {id: 'font-size', weight: 1, group: 'best-practices-ux'},
         // Browser Compatibility
         {id: 'doctype', weight: 1, group: 'best-practices-browser-compat'},
         {id: 'charset', weight: 1, group: 'best-practices-browser-compat'},