Max Potential First Input Delay
520 ms
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Words
643
Action candidates
27
Images
0
HTML
138 KB
Primary
Sign up
Next.js / Tailwind
Simulated mobile · Performance
2026-09-05 · Run warnings: results may be incomplete.
Simulated mobile · Lab data, not field data
2026-09-05T04:01:12.425Z · Lighthouse 13.4.1
This run has warnings; results may be incomplete: The page may not be loading as expected because your test URL (https://are.na/) was redirected to https://www.are.na/. Try testing the second URL directly.
Results vary by server, network and environment, independently of taste/conversion scores. Diagnostics retain Lighthouse wording.
520 ms
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
8.0 s
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Est savings of 1,040 ms
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
{
"type": "opportunity",
"items": [
{
"url": "https://are.na/",
"wastedMs": 1042.303
},
{
"url": "https://www.are.na/",
"wastedMs": 0
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "wastedMs",
"label": "Time Spent",
"valueType": "timespanMs"
}
],
"overallSavingsMs": 1042.303
}Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. Learn more about source maps.
{
"type": "table",
"items": [
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Large JavaScript file is missing a source map"
}
]
},
"scriptUrl": "https://www.are.na/_next/static/chunks/pages/_app-b11d6f2354e56121.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS"
}
],
"headings": [
{
"key": "scriptUrl",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "error"
}
},
{
"key": "sourceMapUrl",
"label": "Map URL",
"valueType": "url"
}
]
}Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-0-H3",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,0,DIV,0,DIV,2,SECTION,1,DIV,0,DIV,0,DIV,1,OL,1,LI,1,BUTTON,1,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"c-lgwVNZ c-lgwVNZ-cKptzc-size-lg c-lgwVNZ-idtGtNP-css\">",
"selector": "li.PJLV > button.c-hTwdXI > div.PJLV > h3.c-lgwVNZ",
"nodeLabel": "Arrange",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 14.4pt (19.2px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1249,
"left": 55,
"right": 377,
"width": 322,
"bottom": 1272,
"height": 23
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-HTML",
"path": "1,HTML",
"type": "node",
"snippet": "<html lang=\"en\" class=\"t-eceoMW\" style=\"color-scheme: light;\">",
"selector": "html.t-eceoMW",
"nodeLabel": "html.t-eceoMW",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 823,
"height": 823
}
}
}
]
}
},
{
"node": {
"lhId": "1-2-H3",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,0,DIV,0,DIV,2,SECTION,1,DIV,0,DIV,0,DIV,1,OL,2,LI,1,BUTTON,1,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"c-lgwVNZ c-lgwVNZ-cKptzc-size-lg c-lgwVNZ-idtGtNP-css\">",
"selector": "li.PJLV > button.c-hTwdXI > div.PJLV > h3.c-lgwVNZ",
"nodeLabel": "Search",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 14.4pt (19.2px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1293,
"left": 55,
"right": 377,
"width": 322,
"bottom": 1316,
"height": 23
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-HTML",
"path": "1,HTML",
"type": "node",
"snippet": "<html lang=\"en\" class=\"t-eceoMW\" style=\"color-scheme: light;\">",
"selector": "html.t-eceoMW",
"nodeLabel": "html.t-eceoMW",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 823,
"height": 823
}
}
}
]
}
},
{
"node": {
"lhId": "1-3-H3",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,0,DIV,0,DIV,2,SECTION,1,DIV,0,DIV,0,DIV,1,OL,3,LI,1,BUTTON,1,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"c-lgwVNZ c-lgwVNZ-cKptzc-size-lg c-lgwVNZ-idtGtNP-css\">",
"selector": "li.PJLV > button.c-hTwdXI > div.PJLV > h3.c-lgwVNZ",
"nodeLabel": "Connect",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 14.4pt (19.2px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1337,
"left": 55,
"right": 377,
"width": 322,
"bottom": 1360,
"height": 23
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-HTML",
"path": "1,HTML",
"type": "node",
"snippet": "<html lang=\"en\" class=\"t-eceoMW\" style=\"color-scheme: light;\">",
"selector": "html.t-eceoMW",
"nodeLabel": "html.t-eceoMW",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 823,
"height": 823
}
}
}
]
}
},
{
"node": {
"lhId": "1-4-H3",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,0,DIV,0,DIV,2,SECTION,1,DIV,0,DIV,0,DIV,1,OL,4,LI,2,BUTTON,1,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"c-lgwVNZ c-lgwVNZ-cKptzc-size-lg c-lgwVNZ-idtGtNP-css\">",
"selector": "li.PJLV > button.c-hTwdXI > div.PJLV > h3.c-lgwVNZ",
"nodeLabel": "Network",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 14.4pt (19.2px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1381,
"left": 55,
"right": 377,
"width": 322,
"bottom": 1404,
"height": 23
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-HTML",
"path": "1,HTML",
"type": "node",
"snippet": "<html lang=\"en\" class=\"t-eceoMW\" style=\"color-scheme: light;\">",
"selector": "html.t-eceoMW",
"nodeLabel": "html.t-eceoMW",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 823,
"height": 823
}
}
}
]
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT",
"RGAAv4",
"RGAA-3.2.1"
],
"type": "debugdata",
"impact": "serious"
}
}Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. Learn more about accessible names.
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-5-BUTTON",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,0,DIV,0,DIV,2,SECTION,1,DIV,0,DIV,0,DIV,1,OL,0,LI,1,BUTTON",
"type": "node",
"snippet": "<button aria-current=\"step\" aria-label=\"Capture: Save photos, notes, files, webpages and anything else you can thi…\" type=\"button\" class=\"c-hTwdXI c-hTwdXI-ignKOOn-css\">",
"selector": "div.PJLV > ol.PJLV > li.PJLV > button.c-hTwdXI",
"nodeLabel": "Capture\n\nSave photos, notes, files, webpages and anything else you can think of",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 1161,
"left": 35,
"right": 377,
"width": 342,
"bottom": 1249,
"height": 88
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.semantics",
"wcag21a",
"wcag253",
"EN-301-549",
"EN-9.2.5.3",
"RGAAv4",
"RGAA-6.1.5",
"experimental"
],
"type": "debugdata",
"impact": "serious"
}
}Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-6-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a href=\"/explore\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Explore",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5329,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5351,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-7-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/search\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Search",
"boundingRect": {
"top": 5351,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5373,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-7-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/search\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Search",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5351,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5373,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-6-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a href=\"/explore\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Explore",
"boundingRect": {
"top": 5329,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5351,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-8-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/editorial\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Are.na Editorial",
"boundingRect": {
"top": 5373,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5395,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-8-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/editorial\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Are.na Editorial",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5373,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5395,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-7-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/search\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Search",
"boundingRect": {
"top": 5351,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5373,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-9-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a href=\"/about#community-projects\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Community Projects",
"boundingRect": {
"top": 5395,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5417,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-9-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a href=\"/about#community-projects\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Community Projects",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5395,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5417,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-8-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/editorial\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Are.na Editorial",
"boundingRect": {
"top": 5373,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5395,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-10-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,4,A",
"type": "node",
"snippet": "<a href=\"/about#annual\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Annual books",
"boundingRect": {
"top": 5417,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5439,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-10-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,4,A",
"type": "node",
"snippet": "<a href=\"/about#annual\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Annual books",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5417,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5439,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-9-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a href=\"/about#community-projects\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Community Projects",
"boundingRect": {
"top": 5395,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5417,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-11-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,5,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://store.are.na\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Gift Shop",
"boundingRect": {
"top": 5439,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5461,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-11-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,5,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://store.are.na\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Gift Shop",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5439,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5461,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-10-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,1,NAV,0,DIV,1,DIV,0,DIV,4,A",
"type": "node",
"snippet": "<a href=\"/about#annual\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Annual books",
"boundingRect": {
"top": 5417,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5439,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-12-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a href=\"/about\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "About & features",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5329,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5351,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/about#pricing\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Pricing & plans",
"boundingRect": {
"top": 5351,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5373,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/about#pricing\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Pricing & plans",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5351,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5373,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-12-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a href=\"/about\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "About & features",
"boundingRect": {
"top": 5329,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5351,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-14-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/about#roadmap\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Roadmap",
"boundingRect": {
"top": 5373,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5395,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-14-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/about#roadmap\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Roadmap",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5373,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5395,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/about#pricing\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Pricing & plans",
"boundingRect": {
"top": 5351,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5373,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-15-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a href=\"/about#browser-extensions\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Browser extensions",
"boundingRect": {
"top": 5395,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5417,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-15-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a href=\"/about#browser-extensions\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Browser extensions",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5395,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5417,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-14-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/about#roadmap\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Roadmap",
"boundingRect": {
"top": 5373,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5395,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-16-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,4,A",
"type": "node",
"snippet": "<a href=\"/developers\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Developers",
"boundingRect": {
"top": 5417,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5439,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-16-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,4,A",
"type": "node",
"snippet": "<a href=\"/developers\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Developers",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5417,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5439,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-15-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,2,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a href=\"/about#browser-extensions\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Browser extensions",
"boundingRect": {
"top": 5395,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5417,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-17-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a href=\"/about#team\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Team",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5507,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5529,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-18-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/are-na-team/are-na-press\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Press archive",
"boundingRect": {
"top": 5529,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5551,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-18-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/are-na-team/are-na-press\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Press archive",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5529,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5551,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-17-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a href=\"/about#team\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Team",
"boundingRect": {
"top": 5507,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5529,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-19-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/editorial/subscribe\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Editorial newsletter",
"boundingRect": {
"top": 5551,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5573,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-19-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/editorial/subscribe\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Editorial newsletter",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5551,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5573,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-18-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"/are-na-team/are-na-press\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Press archive",
"boundingRect": {
"top": 5529,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5551,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-20-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://www.instagram.com/aredotna\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Instagram",
"boundingRect": {
"top": 5573,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5595,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-20-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://www.instagram.com/aredotna\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Instagram",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5573,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5595,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-19-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a href=\"/editorial/subscribe\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Editorial newsletter",
"boundingRect": {
"top": 5551,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5573,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-21-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,4,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://x.com/aredotna\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "X",
"boundingRect": {
"top": 5595,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5617,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-21-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,4,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://x.com/aredotna\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "X",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5595,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5617,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-20-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,3,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://www.instagram.com/aredotna\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Instagram",
"boundingRect": {
"top": 5573,
"left": 15,
"right": 196,
"width": 181,
"bottom": 5595,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-22-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://help.are.na/docs/\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Help Center",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5507,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5529,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-23-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"mailto:help@are.na\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Contact support",
"boundingRect": {
"top": 5529,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5551,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-23-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"mailto:help@are.na\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Contact support",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5529,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5551,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-22-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,0,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://help.are.na/docs/\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Help Center",
"boundingRect": {
"top": 5507,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5529,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-24-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://aredotna.notion.site/2298a0f816d98044906dc099c7a466de\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Send feedback",
"boundingRect": {
"top": 5551,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5573,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-24-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://aredotna.notion.site/2298a0f816d98044906dc099c7a466de\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Send feedback",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5551,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5573,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-23-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,1,A",
"type": "node",
"snippet": "<a href=\"mailto:help@are.na\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Contact support",
"boundingRect": {
"top": 5529,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5551,
"height": 22
}
}
},
{
"relatedNode": {
"lhId": "1-25-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a href=\"/community-guidelines\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Community Guidelines",
"boundingRect": {
"top": 5573,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5595,
"height": 22
}
}
}
]
}
},
{
"node": {
"lhId": "1-25-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,3,A",
"type": "node",
"snippet": "<a href=\"/community-guidelines\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Community Guidelines",
"explanation": "Fix any of the following:\n Target has insufficient size (181px by 21.9px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.8px instead of at least 24px.",
"boundingRect": {
"top": 5573,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5595,
"height": 22
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-24-A",
"path": "1,HTML,1,BODY,0,DIV,2,MAIN,2,DIV,1,FOOTER,0,DIV,4,NAV,0,DIV,1,DIV,0,DIV,2,A",
"type": "node",
"snippet": "<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://aredotna.notion.site/2298a0f816d98044906dc099c7a466de\">",
"selector": "div.PJLV > div.c-lgwVNZ > div.PJLV > a",
"nodeLabel": "Send feedback",
"boundingRect": {
"top": 5551,
"left": 216,
"right": 397,
"width": 181,
"bottom": 5573,
"height": 22
}
}
}
]
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"type": "debugdata",
"impact": "serious"
}
}Est savings of 2 KiB
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
{
"type": "opportunity",
"items": [
{
"url": "--sxs{--sxs:0 t-eceoMW t-fCSbPT t-jffJHW t-kEIvFZ} …",
"totalBytes": 28687,
"wastedBytes": 2188,
"wastedPercent": 7.62576140346175
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes"
}
],
"sortedBy": [
"wastedBytes"
],
"debugData": {
"type": "debugdata",
"metricSavings": {
"FCP": 0,
"LCP": 0
}
},
"overallSavingsMs": 0,
"overallSavingsBytes": 2188
}Est savings of 1 KiB
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
{
"type": "table",
"items": [
{
"url": "https://www.are.na/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js",
"totalBytes": 3990,
"wastedBytes": 1197.0184722222225,
"cacheLifetimeMs": 172796000
},
{
"url": "https://www.are.na/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js",
"totalBytes": 753,
"wastedBytes": 225.90348611111116,
"cacheLifetimeMs": 172796000
}
],
"headings": [
{
"key": "url",
"label": "Request",
"valueType": "url"
},
{
"key": "cacheLifetimeMs",
"label": "Cache TTL",
"valueType": "ms",
"displayUnit": "duration"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes",
"displayUnit": "kb",
"granularity": 1
}
],
"sortedBy": [
"wastedBytes"
],
"debugData": {
"type": "debugdata",
"wastedBytes": 1422.9219583333336
},
"skipSumming": [
"cacheLifetimeMs"
]
}Est savings of 250 ms
Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.
{
"type": "checklist",
"items": {
"noRedirects": {
"label": "Had redirects (1 redirects, +248 ms)",
"value": false
},
"usesCompression": {
"label": "Applies text compression",
"value": true
},
"serverResponseIsFast": {
"label": "Server responds quickly (observed 508 ms)",
"value": true
}
},
"debugData": {
"type": "debugdata",
"wastedBytes": 0,
"redirectDuration": 248,
"serverResponseTime": 508,
"uncompressedResponseBytes": 0
}
}Est savings of 43 KiB
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
{
"type": "table",
"items": [
{
"url": "https://www.are.na/_next/static/chunks/main-40ef7cab1097e940.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS",
"subItems": {
"type": "subitems",
"items": [
{
"signal": "Array.prototype.at",
"location": {
"url": "https://www.are.na/_next/static/chunks/main-40ef7cab1097e940.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS",
"line": 0,
"type": "source-location",
"column": 27617,
"urlProvider": "network"
}
},
{
"signal": "Array.prototype.flat",
"location": {
"url": "https://www.are.na/_next/static/chunks/main-40ef7cab1097e940.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS",
"line": 0,
"type": "source-location",
"column": 27005,
"urlProvider": "network"
}
},
{
"signal": "Array.prototype.flatMap",
"location": {
"url": "https://www.are.na/_next/static/chunks/main-40ef7cab1097e940.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS",
"line": 0,
"type": "source-location",
"column": 27118,
"urlProvider": "network"
}
},
{
"signal": "Object.fromEntries",
"location": {
"url": "https://www.are.na/_next/static/chunks/main-40ef7cab1097e940.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS",
"line": 0,
"type": "source-location",
"column": 27494,
"urlProvider": "network"
}
},
{
"signal": "Object.hasOwn",
"location": {
"url": "https://www.are.na/_next/static/chunks/main-40ef7cab1097e940.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS",
"line": 0,
"type": "source-location",
"column": 27752,
"urlProvider": "network"
}
},
{
"signal": "String.prototype.trimEnd",
"location": {
"url": "https://www.are.na/_next/static/chunks/main-40ef7cab1097e940.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS",
"line": 0,
"type": "source-location",
"column": 26747,
"urlProvider": "network"
}
},
{
"signal": "String.prototype.trimStart",
"location": {
"url": "https://www.are.na/_next/static/chunks/main-40ef7cab1097e940.js?dpl=dpl_7c74uKdnL86gsQVxtPatgLtfV3aS",
"line": 0,
"type": "source-location",
"column": 26662,
"urlProvider": "network"
}
}
]
},
"wastedBytes": 43785
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "location",
"valueType": "source-location"
}
},
{
"key": null,
"label": "",
"valueType": "code",
"subItemsHeading": {
"key": "signal"
}
},
{
"key": "wastedBytes",
"label": "Wasted bytes",
"valueType": "bytes"
}
],
"debugData": {
"type": "debugdata",
"wastedBytes": 43785
}
}Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
{
"type": "list",
"items": [
{
"type": "list-section",
"value": {
"type": "network-tree",
"chains": {
"7A62A98B833C027D983A774D1D7722C0": {
"url": "https://www.are.na/",
"children": {
"7A62A98B833C027D983A774D1D7722C0": {
"url": "https://www.are.na/",
"children": {
"45052.5": {
"url": "https://www.are.na/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js",
"children": {},
"transferSize": 753,
"navStartToEndTime": 998
},
"45052.10": {
"url": "https://www.are.na/site.webmanifest",
"children": {},
"isLongest": true,
"transferSize": 507,
"navStartToEndTime": 1155
}
},
"isLongest": true,
"transferSize": 22081,
"navStartToEndTime": 879
}
},
"isLongest": true,
"transferSize": 22081,
"navStartToEndTime": 879
}
},
"longestChain": {
"duration": 1155
}
}
},
{
"type": "list-section",
"title": "Preconnected origins",
"value": {
"type": "text",
"value": "no origins were preconnected"
},
"description": "[preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to."
},
{
"type": "list-section",
"title": "Preconnect candidates",
"value": {
"type": "text",
"value": "No additional origins are good candidates for preconnecting"
},
"description": "Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4."
}
]
}{
"finalUrl": "https://www.are.na/",
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/151.0.0.0 Safari/537.36",
"formFactor": "mobile",
"throttlingMethod": "simulate",
"throttling": {
"rttMs": 150,
"throughputKbps": 1638.4,
"requestLatencyMs": 562.5,
"uploadThroughputKbps": 675,
"cpuSlowdownMultiplier": 4,
"downloadThroughputKbps": 1474.5600000000002
},
"metrics": [
{
"id": "largest-contentful-paint",
"unit": "millisecond",
"value": 2977.5235000000002
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 276
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 2084.5235000000002
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 2722.9677999961614
}
]
}01 / WHAT WORKS
Lettered lists and short paragraphs create a publication-like reading experience rather than stacked slogans.
Blue distinctly marks signup; white space and the gray download action establish a clear priority.
02 / NEXT STEPS
The first viewport focuses on philosophy and text; the content organization appears later.
Place a compact real channel preview after the introduction to show images, notes and links in one collection, avoiding a purely decorative hero.
03 / DESIGN LANGUAGE
Background
#ffffffText
#333333Accent
#00075fParameters are element samples. Empty values are unknown, and individual samples are not site-wide rules.
04 / EVIDENCE
Values come from one capture. Fonts, radii and spacing are element samples, not a universal site-wide specification. Empty values are unknown. HTML bytes are source size, not compressed transfer size; script counts are DOM tags, not network requests.
The first viewport focuses on philosophy and text; the content organization appears later.
Place a compact real channel preview after the introduction to show images, notes and links in one collection, avoiding a purely decorative hero.
desktop.png: introduction precedes How it works
A CSP is the standard way to limit script sources. Vibe-coded pages often load anything, including injected scripts.
Start with a report-only CSP, then default-src 'self' and an explicit script-src.
content-security-policy missing
Without nosniff, browsers may interpret a file as a different type than you sent. It is a one-line header.
Set X-Content-Type-Options: nosniff.
x-content-type-options missing
The default referrer can leak internal paths and query strings to third parties.
Set Referrer-Policy: strict-origin-when-cross-origin.
referrer-policy missing

Are.na is a platform for connecting ideas and building knowledge.
05 / MAKE IT HAPPEN
Use the improvement prompt for this page, or the design prompt to borrow its visual language. “Recreate” includes references and implementation steps. Paste either into your coding assistant.
Improve the current project using the 2026-09-05T03:19:28.707Z snapshot of https://are.na. First identify changes since capture; do not revert newer behavior to the old snapshot.
Design baseline
A narrow introduction defines Are.na before Capture, Arrange, Search, Connect and Network explain usage, followed by its ad-free philosophy and community content. A deep-blue signup action outranks the download link. Mobile preserves reading order and expands actions to full rows. Adapt the text measure, lists and chapter rhythm.
{
"colors": [
{
"role": "bg",
"hex": "#ffffff"
},
{
"role": "ink",
"hex": "#333333"
},
{
"role": "accent",
"hex": "#00075f"
}
],
"fonts": {
"body": "Times New Roman",
"display": "areal",
"stack": [
"Times New Roman",
"areal"
]
},
"radius": {
"button": "3px",
"card": "",
"field": ""
},
"space": {
"section": "0px",
"card": ""
},
"type": {
"h1": "19.2px",
"body": "16px",
"weight": "400",
"lineHeight": "16px",
"letterSpacing": "normal"
}
}
Values come from one capture. Fonts, radii and spacing are element samples, not a universal site-wide specification. Empty values are unknown. HTML bytes are source size, not compressed transfer size; script counts are DOM tags, not network requests.
Actions
1. Show a concrete collection sooner
Place a compact real channel preview after the introduction to show images, notes and links in one collection, avoiding a purely decorative hero.
Evidence: desktop.png: introduction precedes How it works
2. No Content-Security-Policy
Start with a report-only CSP, then default-src 'self' and an explicit script-src.
Evidence: content-security-policy missing
3. No X-Content-Type-Options
Set X-Content-Type-Options: nosniff.
Evidence: x-content-type-options missing
4. No Referrer-Policy
Set Referrer-Policy: strict-origin-when-cross-origin.
Evidence: referrer-policy missing
Acceptance
- Check text, layout and the main action “Sign up” at 1440×900 and 390×844.
- Preserve branding, authentication and business behavior. A screenshot does not prove broken interaction.
- Change only evidence-backed issues. Validate security headers against existing resources and authentication in report-only mode where supported.
- Compare before/after screenshots and run relevant functional tests. Do not claim untested behavior passed.