From d956ec929d2b67028279f5e40d7e9a515a0b7404 Mon Sep 17 00:00:00 2001 From: "Dongkyun Yu (Steve)" Date: Tue, 19 Jul 2022 06:58:02 +0900 Subject: [PATCH] docs(user-flows): fix the order of the mode thumbnail images (#14219) --- docs/user-flows.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/user-flows.md b/docs/user-flows.md index 53f287f1a42b..73ec548ed3bf 100644 --- a/docs/user-flows.md +++ b/docs/user-flows.md @@ -21,8 +21,8 @@ Lighthouse can now run in three modes: navigations, timespans, and snapshots. Ea | | | |:---:|---| | Navigation
| **Use Cases**
✅ Obtain a Lighthouse Performance score and all performance metrics.
✅ Assess Progressive Web App capabilities.
✅ Analyze accessibility immediately after page load.

**Limitations**
🤔 Cannot analyze form submissions or single page app transitions.
🤔 Cannot analyze content that isn't available immediately on page load. | -| Timespan
| **Use Cases**
✅ Measure layout shifts and JavaScript execution time over a timerange including interactions.
✅ Discover performance opportunities to improve the experience for long-lived pages and SPAs.

**Limitations**
🤔 Does not provide an overall performance score.
🤔 Cannot analyze moment-based performance metrics (e.g. Largest Contentful Paint).
🤔 Cannot analyze state-of-the-page issues (e.g. no Accessibility category) | -| Snapshot
| **Use Cases**
✅ Analyze the page in its current state.
✅ Find accessibility issues deep within SPAs or complex forms.
✅ Evaluate best practices of menus and UI elements hidden behind interaction.

**Limitations**
🤔 Does not provide an overall performance score or metrics.
🤔 Cannot analyze any issues outside the current DOM (e.g. no network, main-thread, or performance analysis). | +| Timespan
| **Use Cases**
✅ Measure layout shifts and JavaScript execution time over a timerange including interactions.
✅ Discover performance opportunities to improve the experience for long-lived pages and SPAs.

**Limitations**
🤔 Does not provide an overall performance score.
🤔 Cannot analyze moment-based performance metrics (e.g. Largest Contentful Paint).
🤔 Cannot analyze state-of-the-page issues (e.g. no Accessibility category) | +| Snapshot
| **Use Cases**
✅ Analyze the page in its current state.
✅ Find accessibility issues deep within SPAs or complex forms.
✅ Evaluate best practices of menus and UI elements hidden behind interaction.

**Limitations**
🤔 Does not provide an overall performance score or metrics.
🤔 Cannot analyze any issues outside the current DOM (e.g. no network, main-thread, or performance analysis). | ### Navigation mode @@ -79,7 +79,7 @@ The `startNavigation`/`endNavigation` functions _must_ surround an action that t ### Timespan - + In DevTools, select "Timespan" as the mode and click _Start timespan_. Record whatever timerange or interactions is desired and then click _End timespan_. @@ -113,7 +113,7 @@ import lighthouse from 'lighthouse/lighthouse-core/fraggle-rock/api.js'; ### Snapshot - + In DevTools, select "Snapshot" as the mode. Set up the page in the state you want to evaluate. Then, click _Analyze page state_.