JSFiddle - React, Tailwind, and code Playground
by sas_sam
JavaScript
const lhr = {
audits: {
"without-javascript": {
"id": "without-javascript",
"title": "Contains some content when JavaScript is not available",
"description": "Your app should display some content when JavaScript is disabled, even if it's just a warning to the user that JavaScript is required to use the app. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/no-js).",
"score": 1,
"scoreDisplayMode": "binary",
"rawValue": true
},
"first-contentful-paint": {
"id": "first-contentful-paint",
"title": "First Contentful Paint",
"description": "First Contentful Paint marks the time at which the first text or image is painted. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint).",
"score": 0.79,
"scoreDisplayMode": "numeric",
"rawValue": 2858.829,
"displayValue": "2.9 s"
},
"first-meaningful-paint": {
"id": "first-meaningful-paint",
"title": "First Meaningful Paint",
"description": "First Meaningful Paint measures when the primary content of a page is visible. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint).",
"score": 0.7,
"scoreDisplayMode": "numeric",
"rawValue": 3203.8655000000003,
"displayValue": "3.2 s"
},
"load-fast-enough-for-pwa": {
"id": "load-fast-enough-for-pwa",
"title": "Page load is fast enough on 3G",
"description": "A fast page load over a 3G network ensures a good mobile user experience. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/fast-3g).",
"score": 1,
"scoreDisplayMode": "binary",
"rawValue": 7030.726999999999
}
}
}
const ar1 = ['without-javascript', 'first-contentful-paint', 'first-meaningful-paint'];
const prefix1 = 'rC_performance_audits_';
const ar2 =...