A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | app | id | num_pages | total | total_applicable | pct | median_weight | audit_group | description | ||||||||||||||||
2 | Wagtail | total-blocking-time | 886 | 4788 | 4417 | 0.2005886348 | 30 | metrics | Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. [Learn more](https://web.dev/lighthouse-total-blocking-time/). | 20230301 data | |||||||||||||||
3 | Wagtail | cumulative-layout-shift | 3829 | 4788 | 4601 | 0.832210389 | 25 | metrics | Cumulative Layout Shift measures the movement of visible elements within the viewport. [Learn more](https://web.dev/cls/). | SUM of pct | app | SUM of pct | |||||||||||||
4 | Wagtail | largest-contentful-paint | 784 | 4788 | 4594 | 0.1706573792 | 25 | metrics | Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more](https://web.dev/lighthouse-largest-contentful-paint/) | id | All | Django | Flask | Next.js | Wagtail | id | Django | Flask | Next.js | Wagtail | |||||
5 | Wagtail | first-contentful-paint | 1304 | 4788 | 4601 | 0.2834166486 | 10 | metrics | First Contentful Paint marks the time at which the first text or image is painted. [Learn more](https://web.dev/first-contentful-paint/). | 0 | |||||||||||||||
6 | Wagtail | speed-index | 1678 | 4788 | 4600 | 0.3647826087 | 10 | metrics | Speed Index shows how quickly the contents of a page are visibly populated. [Learn more](https://web.dev/speed-index/). | bf-cache | 0.5283253782 | 0.6196358908 | 0.5618762475 | 0.4322485033 | 0.6614139693 | bf-cache | 9.1% | 3.4% | -9.6% | 13.3% | |||||
7 | Wagtail | bf-cache | 3106 | 4786 | 4696 | 0.6614139693 | 0 | Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. [Learn more about the bfcache](https://developer.chrome.com/docs/lighthouse/performance/bf-cache/) | bootup-time | 0.5056730318 | 0.6073522649 | 0.7713997986 | 0.2828739068 | 0.5659926071 | bootup-time | 10.2% | 26.6% | -22.3% | 6.0% | ||||||
8 | Wagtail | bootup-time | 2603 | 4788 | 4599 | 0.5659926071 | 0 | Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. [Learn more](https://web.dev/bootup-time/). | critical-request-chains | 0 | 0 | 0 | 0 | 0 | critical-request-chains | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
9 | Wagtail | critical-request-chains | 0 | 4788 | 0 | 0 | The Critical Request Chains below show you what resources are loaded with a high priority. Consider reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load. [Learn more](https://web.dev/critical-request-chains/). | cumulative-layout-shift | 0.8012790258 | 0.7810776654 | 0.8682634731 | 0.8656817696 | 0.832210389 | cumulative-layout-shift | -2.0% | 6.7% | 6.4% | 3.1% | |||||||
10 | Wagtail | diagnostics | 0 | 4788 | 0 | 0 | hidden | Collection of useful page vitals. | diagnostics | 0 | 0 | 0 | 0 | 0 | diagnostics | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
11 | Wagtail | dom-size | 4135 | 4788 | 4710 | 0.8779193206 | 0 | A large DOM will increase memory usage, cause longer [style calculations](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations), and produce costly [layout reflows](https://developers.google.com/speed/articles/reflow). [Learn more](https://web.dev/dom-size/). | dom-size | 0.8649053944 | 0.868532535 | 0.9471057884 | 0.8726185038 | 0.8779193206 | dom-size | 0.4% | 8.2% | 0.8% | 1.3% | ||||||
12 | Wagtail | duplicated-javascript | 4594 | 4788 | 4600 | 0.9986956522 | 0 | Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity. | duplicated-javascript | 0.998494545 | 0.9985925607 | 0.999001996 | 0.9990411141 | 0.9986956522 | duplicated-javascript | 0.0% | 0.1% | 0.1% | 0.0% | ||||||
13 | Wagtail | efficient-animated-content | 4508 | 4788 | 4601 | 0.9797870028 | 0 | Large GIFs are inefficient for delivering animated content. Consider using MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes. [Learn more](https://web.dev/efficient-animated-content/) | efficient-animated-content | 0.9796069523 | 0.9835994945 | 0.9910179641 | 0.9857425246 | 0.9797870028 | efficient-animated-content | 0.4% | 1.1% | 0.6% | 0.0% | ||||||
14 | Wagtail | first-meaningful-paint | 2168 | 4788 | 4601 | 0.4712019126 | 0 | hidden | First Meaningful Paint measures when the primary content of a page is visible. [Learn more](https://web.dev/first-meaningful-paint/). | first-contentful-paint | 0.3534004459 | 0.2698052508 | 0.08682634731 | 0.5216672449 | 0.2834166486 | first-contentful-paint | -8.4% | -26.7% | 16.8% | -7.0% | |||||
15 | Wagtail | font-display | 1828 | 4788 | 4689 | 0.3898485818 | 0 | Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. [Learn more](https://web.dev/font-display/). | first-meaningful-paint | 0.4602611105 | 0.4210329771 | 0.1776447106 | 0.5958753451 | 0.4712019126 | first-meaningful-paint | -3.9% | -28.3% | 13.6% | 1.1% | ||||||
16 | Wagtail | interactive | 927 | 4788 | 4417 | 0.2098709531 | 0 | metrics | Time to interactive is the amount of time it takes for the page to become fully interactive. [Learn more](https://web.dev/interactive/). | font-display | 0.3717430821 | 0.3190531472 | 0.37 | 0.7027112884 | 0.3898485818 | font-display | -5.3% | -0.2% | 33.1% | 1.8% | |||||
17 | Wagtail | largest-contentful-paint-element | 0 | 4788 | 0 | 0 | This is the largest contentful element painted within the viewport. [Learn more about the Largest Contentful Paint element](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/) | interactive | 0.2445446781 | 0.2437527659 | 0.2050761421 | 0.1434123806 | 0.2098709531 | interactive | -0.1% | -3.9% | -10.1% | -3.5% | |||||||
18 | Wagtail | layout-shift-elements | 0 | 4788 | 0 | 0 | These DOM elements contribute most to the CLS of the page. [Learn how to improve CLS](https://web.dev/optimize-cls/) | largest-contentful-paint | 0.2281641717 | 0.2191032241 | 0.0999000999 | 0.273528607 | 0.1706573792 | largest-contentful-paint | -0.9% | -12.8% | 4.5% | -5.8% | |||||||
19 | Wagtail | lcp-lazy-loaded | 3130 | 4788 | 3251 | 0.9627806829 | 0 | Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint. [Learn more](https://web.dev/lcp-lazy-loading/). | largest-contentful-paint-element | 0 | 0 | 0 | 0 | 0 | largest-contentful-paint-element | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
20 | Wagtail | legacy-javascript | 4222 | 4788 | 4591 | 0.919625354 | 0 | Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren't necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers. [Learn how to use modern JavaScript](https://web.dev/publish-modern-javascript/) | layout-shift-elements | 0 | 0 | 0 | 0 | 0 | layout-shift-elements | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
21 | Wagtail | long-tasks | 0 | 4788 | 0 | 0 | Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. [Learn more](https://web.dev/long-tasks-devtools/) | lcp-lazy-loaded | 0.9249279138 | 0.9789742236 | 0.9182879377 | 0.8946735946 | 0.9627806829 | lcp-lazy-loaded | 5.4% | -0.7% | -3.0% | 3.8% | |||||||
22 | Wagtail | main-thread-tasks | 0 | 4788 | 0 | 0 | hidden | Lists the toplevel main thread tasks that executed during page load. | legacy-javascript | 0.9365379215 | 0.9305751359 | 0.758 | 0.9392819664 | 0.919625354 | legacy-javascript | -0.6% | -17.9% | 0.3% | -1.7% | ||||||
23 | Wagtail | mainthread-work-breakdown | 798 | 4788 | 4599 | 0.1735159817 | 0 | Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. [Learn more](https://web.dev/mainthread-work-breakdown/) | long-tasks | 0 | 0 | 0 | 0 | 0 | long-tasks | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
24 | Wagtail | max-potential-fid | 537 | 4788 | 4601 | 0.1167137579 | 0 | hidden | The maximum potential First Input Delay that your users could experience is the duration of the longest task. [Learn more](https://web.dev/lighthouse-max-potential-fid/). | main-thread-tasks | 0 | 0 | 0 | 0 | 0 | main-thread-tasks | 0.0% | 0.0% | 0.0% | 0.0% | |||||
25 | Wagtail | metrics | 0 | 4788 | 0 | 0 | hidden | Collects all available metrics. | mainthread-work-breakdown | 0.1767436154 | 0.2301678547 | 0.2990936556 | 0.07800287833 | 0.1735159817 | mainthread-work-breakdown | 5.3% | 12.2% | -9.9% | -0.3% | ||||||
26 | Wagtail | modern-image-formats | 1411 | 4788 | 4600 | 0.3067391304 | 0 | Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. [Learn more](https://web.dev/uses-webp-images/). | max-potential-fid | 0.1397742518 | 0.1628655139 | 0.2145708583 | 0.03766579816 | 0.1167137579 | max-potential-fid | 2.3% | 7.5% | -10.2% | -2.3% | ||||||
27 | Wagtail | network-requests | 0 | 4788 | 0 | 0 | hidden | Lists the network requests that were made during page load. | metrics | 0 | 0 | 0 | 0 | 0 | metrics | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
28 | Wagtail | network-rtt | 0 | 4788 | 0 | 0 | hidden | Network round trip times (RTT) have a large impact on performance. If the RTT to an origin is high, it's an indication that servers closer to the user could improve performance. [Learn more](https://hpbn.co/primer-on-latency-and-bandwidth/). | modern-image-formats | 0.4161405998 | 0.3634429623 | 0.3446553447 | 0.6161131484 | 0.3067391304 | modern-image-formats | -5.3% | -7.1% | 20.0% | -10.9% | ||||||
29 | Wagtail | network-server-latency | 0 | 4788 | 0 | 0 | hidden | Server latencies can impact web performance. If the server latency of an origin is high, it's an indication the server is overloaded or has poor backend performance. [Learn more](https://hpbn.co/primer-on-web-performance/#analyzing-the-resource-waterfall). | network-requests | 0 | 0 | 0 | 0 | 0 | network-requests | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
30 | Wagtail | no-document-write | 4387 | 4788 | 4709 | 0.9316203016 | 0 | For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. [Learn more](https://web.dev/no-document-write/). | network-rtt | 0 | 0 | 0 | 0 | 0 | network-rtt | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
31 | Wagtail | no-unload-listeners | 2 | 2 | 2 | 1 | 0 | The `unload` event does not fire reliably and listening for it can prevent browser optimizations like the Back-Forward Cache. Use `pagehide` or `visibilitychange` events instead. [Learn more](https://web.dev/bfcache/#never-use-the-unload-event) | network-server-latency | 0 | 0 | 0 | 0 | 0 | network-server-latency | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
32 | Wagtail | non-composited-animations | 0 | 4788 | 0 | 0 | Animations which are not composited can be janky and increase CLS. [Learn more](https://web.dev/non-composited-animations) | no-document-write | 0.8441996604 | 0.9116558873 | 0.9750499002 | 0.9462617511 | 0.9316203016 | no-document-write | 6.7% | 13.1% | 10.2% | 8.7% | |||||||
33 | Wagtail | offscreen-images | 2383 | 4788 | 4601 | 0.5179308846 | 0 | Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. [Learn more](https://web.dev/offscreen-images/). | no-unload-listeners | 0.8404936015 | 0.8181818182 | 0.8571428571 | 1 | no-unload-listeners | -2.2% | -84.0% | 1.7% | 16.0% | |||||||
34 | Wagtail | performance-budget | 0 | 4788 | 0 | 0 | budgets | Keep the quantity and size of network requests under the targets set by the provided performance budget. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/budgets). | non-composited-animations | 0 | 0 | 0 | 0 | 0 | non-composited-animations | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
35 | Wagtail | preload-lcp-image | 2 | 2 | 2 | 1 | 0 | Preload the image used by the LCP element in order to improve your LCP time. [Learn more](https://web.dev/optimize-lcp/#preload-important-resources). | offscreen-images | 0.6330598057 | 0.5559577157 | 0.6493506494 | 0.7533234969 | 0.5179308846 | offscreen-images | -7.7% | 1.6% | 12.0% | -11.5% | ||||||
36 | Wagtail | prioritize-lcp-image | 3564 | 4786 | 3584 | 0.9944196429 | 0 | If the LCP element is dynamically added to the page, you should preload the image in order to improve LCP. [Learn more about preloading LCP elements](https://web.dev/optimize-lcp/#optimize-when-the-resource-is-discovered). | performance-budget | 0 | 0 | 0 | 0 | 0 | performance-budget | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
37 | Wagtail | redirects | 4410 | 4788 | 4601 | 0.9584872854 | 0 | Redirects introduce additional delays before the page can be loaded. [Learn more](https://web.dev/redirects/). | preload-lcp-image | 0.994996873 | 1 | 1 | 1 | preload-lcp-image | 0.5% | -99.5% | 0.5% | 0.5% | |||||||
38 | Wagtail | render-blocking-resources | 2005 | 4788 | 4577 | 0.4380598645 | 0 | Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. [Learn more](https://web.dev/render-blocking-resources/). | prioritize-lcp-image | 0.9979068052 | 0.9984719584 | 0.9987244898 | 0.9928249625 | 0.9944196429 | prioritize-lcp-image | 0.1% | 0.1% | -0.5% | -0.3% | ||||||
39 | Wagtail | resource-summary | 0 | 4788 | 0 | 0 | To set budgets for the quantity and size of page resources, add a budget.json file. [Learn more](https://web.dev/use-lighthouse-for-performance-budgets/). | redirects | 0.9694988652 | 0.9263759623 | 0.879241517 | 0.9409411331 | 0.9584872854 | redirects | -4.3% | -9.0% | -2.9% | -1.1% | |||||||
40 | Wagtail | script-treemap-data | 0 | 4788 | 0 | 0 | hidden | Used for treemap app | render-blocking-resources | 0.4215662205 | 0.3959257765 | 0.187 | 0.8872450871 | 0.4380598645 | render-blocking-resources | -2.6% | -23.5% | 46.6% | 1.6% | ||||||
41 | Wagtail | server-response-time | 2560 | 4788 | 4710 | 0.5435244161 | 0 | Keep the server response time for the main document short because all other requests depend on it. [Learn more](https://web.dev/time-to-first-byte/). | resource-summary | 0 | 0 | 0 | 0 | 0 | resource-summary | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
42 | Wagtail | third-party-facades | 0 | 4788 | 567 | 0 | 0 | Some third-party embeds can be lazy loaded. Consider replacing them with a facade until they are required. [Learn more](https://web.dev/third-party-facades/). | script-treemap-data | 0 | 0 | 0 | 0 | 0 | script-treemap-data | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
43 | Wagtail | third-party-summary | 1217 | 4788 | 4456 | 0.2731149013 | 0 | Third-party code can significantly impact load performance. Limit the number of redundant third-party providers and try to load third-party code after your page has primarily finished loading. [Learn more](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/). | server-response-time | 0.6318694297 | 0.6276547673 | 0.8003992016 | 0.7346039651 | 0.5435244161 | server-response-time | -0.4% | 16.9% | 10.3% | -8.8% | ||||||
44 | Wagtail | timing-budget | 0 | 4788 | 0 | 0 | budgets | Set a timing budget to help you keep an eye on the performance of your site. Performant sites load fast and respond to user input events quickly. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/budgets). | speed-index | 0.3835951389 | 0.381324747 | 0.2594810379 | 0.3743479867 | 0.3647826087 | speed-index | -0.2% | -12.4% | -0.9% | -1.9% | ||||||
45 | Wagtail | total-byte-weight | 3371 | 4788 | 4710 | 0.7157112527 | 0 | Large network payloads cost users real money and are highly correlated with long load times. [Learn more](https://web.dev/total-byte-weight/). | third-party-facades | 0 | 0 | 0 | 0 | 0 | third-party-facades | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
46 | Wagtail | unminified-css | 4131 | 4788 | 4580 | 0.9019650655 | 0 | Minifying CSS files can reduce network payload sizes. [Learn more](https://web.dev/unminified-css/). | third-party-summary | 0.3201763275 | 0.2771389355 | 0.6239717979 | 0.2557512922 | 0.2731149013 | third-party-summary | -4.3% | 30.4% | -6.4% | -4.7% | ||||||
47 | Wagtail | unminified-javascript | 4005 | 4788 | 4601 | 0.8704629428 | 0 | Minifying JavaScript files can reduce payload sizes and script parse time. [Learn more](https://web.dev/unminified-javascript/). | timing-budget | 0 | 0 | 0 | 0 | 0 | timing-budget | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
48 | Wagtail | unsized-images | 962 | 4788 | 4634 | 0.2075960293 | 0 | Set an explicit width and height on image elements to reduce layout shifts and improve CLS. [Learn more](https://web.dev/optimize-cls/#images-without-dimensions) | total-blocking-time | 0.2083561975 | 0.2368195899 | 0.3796954315 | 0.07743369809 | 0.2005886348 | total-blocking-time | 2.8% | 17.1% | -13.1% | -0.8% | ||||||
49 | Wagtail | unused-css-rules | 2309 | 4788 | 4580 | 0.5041484716 | 0 | Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. [Learn more](https://web.dev/unused-css-rules/). | total-byte-weight | 0.7523686546 | 0.7683574333 | 0.7005988024 | 0.79731243 | 0.7157112527 | total-byte-weight | 1.6% | -5.2% | 4.5% | -3.7% | ||||||
50 | Wagtail | unused-javascript | 1004 | 4788 | 4600 | 0.2182608696 | 0 | Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. [Learn more](https://web.dev/unused-javascript/). | unminified-css | 0.8968832458 | 0.8821344238 | 0.683 | 0.9820047041 | 0.9019650655 | unminified-css | -1.5% | -21.4% | 8.5% | 0.5% | ||||||
51 | Wagtail | user-timings | 0 | 4788 | 0 | 0 | Consider instrumenting your app with the User Timing API to measure your app's real-world performance during key user experiences. [Learn more](https://web.dev/user-timings/). | unminified-javascript | 0.8384603874 | 0.8344726563 | 0.9690618762 | 0.9701869035 | 0.8704629428 | unminified-javascript | -0.4% | 13.1% | 13.2% | 3.2% | |||||||
52 | Wagtail | uses-http2 | 2877 | 4788 | 4601 | 0.6252988481 | 0 | HTTP/2 offers many benefits over HTTP/1.1, including binary headers and multiplexing. [Learn more](https://web.dev/uses-http2/). | unsized-images | 0.2727852758 | 0.133526808 | 0.03235908142 | 0.4181407143 | 0.2075960293 | unsized-images | -13.9% | -24.0% | 14.5% | -6.5% | ||||||
53 | Wagtail | uses-long-cache-ttl | 1021 | 4788 | 4710 | 0.2167728238 | 0 | A long cache lifetime can speed up repeat visits to your page. [Learn more](https://web.dev/uses-long-cache-ttl/). | unused-css-rules | 0.5226175745 | 0.4768185221 | 0.329 | 0.7938344107 | 0.5041484716 | unused-css-rules | -4.6% | -19.4% | 27.1% | -1.8% | ||||||
54 | Wagtail | uses-optimized-images | 3743 | 4788 | 4600 | 0.8136956522 | 0 | Optimized images load faster and consume less cellular data. [Learn more](https://web.dev/uses-optimized-images/). | unused-javascript | 0.3285300454 | 0.2464454976 | 0.2844311377 | 0.270073908 | 0.2182608696 | unused-javascript | -8.2% | -4.4% | -5.8% | -11.0% | ||||||
55 | Wagtail | uses-passive-event-listeners | 2944 | 4788 | 4709 | 0.6251858144 | 0 | Consider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. [Learn more](https://web.dev/uses-passive-event-listeners/). | user-timings | 0 | 0 | 0 | 0 | 0 | user-timings | 0.0% | 0.0% | 0.0% | 0.0% | ||||||
56 | Wagtail | uses-rel-preconnect | 4091 | 4788 | 4594 | 0.89050936 | 0 | Consider adding `preconnect` or `dns-prefetch` resource hints to establish early connections to important third-party origins. [Learn more](https://web.dev/uses-rel-preconnect/). | uses-http2 | 0.7230501302 | 0.6236213235 | 0.4481037924 | 0.8611574149 | 0.6252988481 | uses-http2 | -9.9% | -27.5% | 13.8% | -9.8% | ||||||
57 | Wagtail | uses-rel-preload | 0 | 4788 | 0 | 0 | Consider using `<link rel=preload>` to prioritize fetching resources that are currently requested later in page load. [Learn more](https://web.dev/uses-rel-preload/). | uses-long-cache-ttl | 0.3119208837 | 0.246554451 | 0.5389221557 | 0.4181499381 | 0.2167728238 | uses-long-cache-ttl | -6.5% | 22.7% | 10.6% | -9.5% | |||||||
58 | Wagtail | uses-responsive-images | 2427 | 4788 | 4601 | 0.527494023 | 0 | Serve images that are appropriately-sized to save cellular data and improve load time. [Learn more](https://web.dev/uses-responsive-images/). | uses-optimized-images | 0.6821118992 | 0.73599931 | 0.7592407592 | 0.8646714379 | 0.8136956522 | uses-optimized-images | 5.4% | 7.7% | 18.3% | 13.2% | ||||||
59 | Wagtail | uses-text-compression | 2995 | 4788 | 4601 | 0.6509454466 | 0 | Text-based resources should be served with compression (gzip, deflate or brotli) to minimize total network bytes. [Learn more](https://web.dev/uses-text-compression/). | uses-passive-event-listeners | 0.5461754255 | 0.5912390205 | 0.7784431138 | 0.8113340995 | 0.6251858144 | uses-passive-event-listeners | 4.5% | 23.2% | 26.5% | 7.9% | ||||||
60 | Wagtail | viewport | 4672 | 4788 | 4710 | 0.9919320594 | 0 | A `<meta name="viewport">` not only optimizes your app for mobile screen sizes, but also prevents [a 300 millisecond delay to user input](https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away). [Learn more](https://web.dev/viewport/). | uses-rel-preconnect | 0.9225122053 | 0.9198136271 | 0.9220779221 | 0.917936772 | 0.89050936 | uses-rel-preconnect | -0.3% | 0.0% | -0.5% | -3.2% | ||||||
61 | Next.js | total-blocking-time | 39288 | 550416 | 507376 | 0.07743369809 | 30 | metrics | Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. [Learn more](https://web.dev/lighthouse-total-blocking-time/). | uses-rel-preload | 0 | 0 | 0 | 0 | 0 | uses-rel-preload | 0.0% | 0.0% | 0.0% | 0.0% | |||||
62 | Next.js | cumulative-layout-shift | 469480 | 550416 | 542324 | 0.8656817696 | 25 | metrics | Cumulative Layout Shift measures the movement of visible elements within the viewport. [Learn more](https://web.dev/cls/). | uses-responsive-images | 0.5818456514 | 0.5594048029 | 0.5244755245 | 0.6251493914 | 0.527494023 | uses-responsive-images | -2.2% | -5.7% | 4.3% | -5.4% | |||||
63 | Next.js | largest-contentful-paint | 147956 | 550416 | 540916 | 0.273528607 | 25 | metrics | Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more](https://web.dev/lighthouse-largest-contentful-paint/) | uses-text-compression | 0.8271592241 | 0.6762120864 | 0.5508982036 | 0.8799584003 | 0.6509454466 | uses-text-compression | -15.1% | -27.6% | 5.3% | -17.6% | |||||
64 | Next.js | first-contentful-paint | 282704 | 550416 | 541924 | 0.5216672449 | 10 | metrics | First Contentful Paint marks the time at which the first text or image is painted. [Learn more](https://web.dev/first-contentful-paint/). | viewport | 0.9256921951 | 0.9606021238 | 0.9700598802 | 0.9986959885 | 0.9919320594 | viewport | 3.5% | 4.4% | 7.3% | 6.6% | |||||
65 | Next.js | speed-index | 202672 | 550416 | 541400 | 0.3743479867 | 10 | metrics | Speed Index shows how quickly the contents of a page are visibly populated. [Learn more](https://web.dev/speed-index/). | ||||||||||||||||
66 | Next.js | bf-cache | 234500 | 550332 | 542512 | 0.4322485033 | 0 | Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. [Learn more about the bfcache](https://developer.chrome.com/docs/lighthouse/performance/bf-cache/) | |||||||||||||||||
67 | Next.js | bootup-time | 153312 | 550416 | 541980 | 0.2828739068 | 0 | Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. [Learn more](https://web.dev/bootup-time/). | |||||||||||||||||
68 | Next.js | critical-request-chains | 0 | 550416 | 0 | 0 | The Critical Request Chains below show you what resources are loaded with a high priority. Consider reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load. [Learn more](https://web.dev/critical-request-chains/). | ||||||||||||||||||
69 | Next.js | diagnostics | 0 | 550416 | 0 | 0 | hidden | Collection of useful page vitals. | |||||||||||||||||
70 | Next.js | dom-size | 473776 | 550416 | 542936 | 0.8726185038 | 0 | A large DOM will increase memory usage, cause longer [style calculations](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations), and produce costly [layout reflows](https://developers.google.com/speed/articles/reflow). [Learn more](https://web.dev/dom-size/). | |||||||||||||||||
71 | Next.js | duplicated-javascript | 541776 | 550416 | 542296 | 0.9990411141 | 0 | Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity. | |||||||||||||||||
72 | Next.js | efficient-animated-content | 534580 | 550416 | 542312 | 0.9857425246 | 0 | Large GIFs are inefficient for delivering animated content. Consider using MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes. [Learn more](https://web.dev/efficient-animated-content/) | |||||||||||||||||
73 | Next.js | first-meaningful-paint | 322912 | 550416 | 541912 | 0.5958753451 | 0 | hidden | First Meaningful Paint measures when the primary content of a page is visible. [Learn more](https://web.dev/first-meaningful-paint/). | ||||||||||||||||
74 | Next.js | font-display | 380476 | 550416 | 541440 | 0.7027112884 | 0 | Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. [Learn more](https://web.dev/font-display/). | |||||||||||||||||
75 | Next.js | interactive | 72764 | 550416 | 507376 | 0.1434123806 | 0 | metrics | Time to interactive is the amount of time it takes for the page to become fully interactive. [Learn more](https://web.dev/interactive/). | ||||||||||||||||
76 | Next.js | largest-contentful-paint-element | 0 | 550416 | 0 | 0 | This is the largest contentful element painted within the viewport. [Learn more about the Largest Contentful Paint element](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/) | ||||||||||||||||||
77 | Next.js | layout-shift-elements | 0 | 550416 | 0 | 0 | These DOM elements contribute most to the CLS of the page. [Learn how to improve CLS](https://web.dev/optimize-cls/) | ||||||||||||||||||
78 | Next.js | lcp-lazy-loaded | 312692 | 550416 | 349504 | 0.8946735946 | 0 | Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint. [Learn more](https://web.dev/lcp-lazy-loading/). | |||||||||||||||||
79 | Next.js | legacy-javascript | 508392 | 550416 | 541256 | 0.9392819664 | 0 | Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren't necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers. [Learn how to use modern JavaScript](https://web.dev/publish-modern-javascript/) | |||||||||||||||||
80 | Next.js | long-tasks | 0 | 550416 | 0 | 0 | Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. [Learn more](https://web.dev/long-tasks-devtools/) | ||||||||||||||||||
81 | Next.js | main-thread-tasks | 0 | 550416 | 0 | 0 | hidden | Lists the toplevel main thread tasks that executed during page load. | |||||||||||||||||
82 | Next.js | mainthread-work-breakdown | 42276 | 550416 | 541980 | 0.07800287833 | 0 | Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. [Learn more](https://web.dev/mainthread-work-breakdown/) | |||||||||||||||||
83 | Next.js | max-potential-fid | 20412 | 550416 | 541924 | 0.03766579816 | 0 | hidden | The maximum potential First Input Delay that your users could experience is the duration of the longest task. [Learn more](https://web.dev/lighthouse-max-potential-fid/). | ||||||||||||||||
84 | Next.js | metrics | 0 | 550416 | 0 | 0 | hidden | Collects all available metrics. | |||||||||||||||||
85 | Next.js | modern-image-formats | 333332 | 550416 | 541024 | 0.6161131484 | 0 | Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. [Learn more](https://web.dev/uses-webp-images/). | |||||||||||||||||
86 | Next.js | network-requests | 0 | 550416 | 0 | 0 | hidden | Lists the network requests that were made during page load. | |||||||||||||||||
87 | Next.js | network-rtt | 0 | 550416 | 0 | 0 | hidden | Network round trip times (RTT) have a large impact on performance. If the RTT to an origin is high, it's an indication that servers closer to the user could improve performance. [Learn more](https://hpbn.co/primer-on-latency-and-bandwidth/). | |||||||||||||||||
88 | Next.js | network-server-latency | 0 | 550416 | 0 | 0 | hidden | Server latencies can impact web performance. If the server latency of an origin is high, it's an indication the server is overloaded or has poor backend performance. [Learn more](https://hpbn.co/primer-on-web-performance/#analyzing-the-resource-waterfall). | |||||||||||||||||
89 | Next.js | no-document-write | 513752 | 550416 | 542928 | 0.9462617511 | 0 | For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. [Learn more](https://web.dev/no-document-write/). | |||||||||||||||||
90 | Next.js | no-unload-listeners | 72 | 84 | 84 | 0.8571428571 | 0 | The `unload` event does not fire reliably and listening for it can prevent browser optimizations like the Back-Forward Cache. Use `pagehide` or `visibilitychange` events instead. [Learn more](https://web.dev/bfcache/#never-use-the-unload-event) | |||||||||||||||||
91 | Next.js | non-composited-animations | 0 | 550416 | 0 | 0 | Animations which are not composited can be janky and increase CLS. [Learn more](https://web.dev/non-composited-animations) | ||||||||||||||||||
92 | Next.js | offscreen-images | 408452 | 550416 | 542200 | 0.7533234969 | 0 | Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. [Learn more](https://web.dev/offscreen-images/). | |||||||||||||||||
93 | Next.js | performance-budget | 0 | 550416 | 0 | 0 | budgets | Keep the quantity and size of network requests under the targets set by the provided performance budget. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/budgets). | |||||||||||||||||
94 | Next.js | preload-lcp-image | 72 | 84 | 72 | 1 | 0 | Preload the image used by the LCP element in order to improve your LCP time. [Learn more](https://web.dev/optimize-lcp/#preload-important-resources). | |||||||||||||||||
95 | Next.js | prioritize-lcp-image | 380800 | 550332 | 383552 | 0.9928249625 | 0 | If the LCP element is dynamically added to the page, you should preload the image in order to improve LCP. [Learn more about preloading LCP elements](https://web.dev/optimize-lcp/#optimize-when-the-resource-is-discovered). | |||||||||||||||||
96 | Next.js | redirects | 509896 | 550416 | 541900 | 0.9409411331 | 0 | Redirects introduce additional delays before the page can be loaded. [Learn more](https://web.dev/redirects/). | |||||||||||||||||
97 | Next.js | render-blocking-resources | 478580 | 550416 | 539400 | 0.8872450871 | 0 | Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. [Learn more](https://web.dev/render-blocking-resources/). | |||||||||||||||||
98 | Next.js | resource-summary | 0 | 550416 | 0 | 0 | To set budgets for the quantity and size of page resources, add a budget.json file. [Learn more](https://web.dev/use-lighthouse-for-performance-budgets/). | ||||||||||||||||||
99 | Next.js | script-treemap-data | 0 | 550416 | 0 | 0 | hidden | Used for treemap app | |||||||||||||||||
100 | Next.js | server-response-time | 398840 | 550416 | 542932 | 0.7346039651 | 0 | Keep the server response time for the main document short because all other requests depend on it. [Learn more](https://web.dev/time-to-first-byte/). |