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.
页面构成与技术指标
正文
643
操作候选
27
图片
0
HTML
138 KB
文案
标题字数
6偏短
摘要字数
65
H1
1
H2
10
动作
主要入口
Sign up
表单
0/ 1 输入
站内链接
32
站外链接
8
安全与页面元信息
HTTPS
有
HSTS
有
CSP
无
nosniff
无
viewport
有
图标
有
JSON-LD
有
统计
无
构成
Next.js / Tailwind
脚本
16 ext / 3 inline
语言
en
第三方域
无
Lighthouse
移动端模拟 · 性能评分
87 / 100
2026-09-05 · 本次测试有警告，结果可能不完整。
查看详情
移动端模拟 · 实验室数据，非真实用户体验数据
2026-09-05T04:01:12.425Z · Lighthouse 13.4.1
本次测试有警告，结果可能不完整： 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.
性能87/ 100
可访问性93/ 100
最佳实践100/ 100
SEO100/ 100
LCP · 主要内容出现2,978 ms
CLS · 布局偏移0.000
TBT · 主线程阻塞276 ms
FCP · 首次内容绘制2,085 ms
SI · 视觉加载速度2,723 ms
分数会受服务器、网络和测试环境影响，独立于品味／转化评分。诊断保留 Lighthouse 原文。
Time to Interactive
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.
Avoid multiple page redirects
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
}Missing source maps for large first-party JavaScript
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"
}
]
}Background and foreground colors do not have a sufficient contrast ratio.
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"
}
}Elements with visible text labels do not have matching accessible names.
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 do not have sufficient size or spacing.
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"
}
}Minify CSS
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
}Use efficient cache lifetimes
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"
]
}Document request latency
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
}
}Legacy JavaScript
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
}
}Network dependency tree
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 / 值得借鉴
好设计，具体好在哪
用完整句子说清产品
a、b、c 列表与短段落形成类似出版物的阅读方式，不依赖功能口号堆叠。
克制的行动色
蓝色只明显用于注册入口，周围白底与灰色下载入口让行动优先级自然成立。
02 / 下一步
值得继续打磨的地方
- 01
更早提供具体收藏示例
首屏主要是理念与文字，用户要往下看才接触产品组织方式。
在介绍后放一个轻量的真实频道预览，展示图片、笔记与链接如何同处一个收藏，避免增加无意义的装饰大图。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#ffffff文字
#333333强调
#00075f字体与尺度
- 标题字体
- areal
- 正文字体
- Times New Roman
- 标题 / 正文
- 19.2px / 16px
间距与形状
- 区块间距
- 0px
- 组件内距
- —
- 卡片圆角
- —
- 按钮圆角
- 3px
参数来自页面元素采样，空值表示未取得；不将单个元素的参数当作全站规范。
04 / 检查依据
观察与实测依据
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
转化1 项观察
更早提供具体收藏示例
首屏主要是理念与文字，用户要往下看才接触产品组织方式。
在介绍后放一个轻量的真实频道预览，展示图片、笔记与链接如何同处一个收藏，避免增加无意义的装饰大图。
desktop.png: introduction precedes How it works
上线3 项观察
没有 Content-Security-Policy
CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载，包括被注入的脚本。
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
content-security-policy missing
没有 X-Content-Type-Options
没有 nosniff，浏览器可能按错误类型解释文件。这是一行响应头。
设置 X-Content-Type-Options: nosniff。
x-content-type-options missing
没有 Referrer-Policy
默认 referrer 可能把站内路径和查询串漏给第三方。
设置 Referrer-Policy: strict-origin-when-cross-origin。
referrer-policy missing
链接分享预览
Are.na
Are.na is a platform for connecting ideas and building knowledge.
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
请基于 https://are.na 的 2026-09-05T03:19:28.707Z 页面快照优化当前项目。先确认当前实现与快照差异，不要把已变化的内容重新改回旧版。
设计基线
窄正文先解释 Are.na 是什么，再用 Capture、Arrange、Search、Connect、Network 说明使用方式，随后阐述无广告理念与社区内容。注册按钮以深蓝色强调，下载入口退居次级。手机保留段落阅读顺序并将两个入口改成整行；可借鉴正文宽度、列表和章节节奏。
{
"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"
}
}
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
执行事项
1. 更早提供具体收藏示例
在介绍后放一个轻量的真实频道预览，展示图片、笔记与链接如何同处一个收藏，避免增加无意义的装饰大图。
依据: desktop.png: introduction precedes How it works
2. 没有 Content-Security-Policy
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
依据: content-security-policy missing
3. 没有 X-Content-Type-Options
设置 X-Content-Type-Options: nosniff。
依据: x-content-type-options missing
4. 没有 Referrer-Policy
设置 Referrer-Policy: strict-origin-when-cross-origin。
依据: referrer-policy missing
验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“Sign up”。
- 保留已有品牌、登录和业务链路，不从静态截图推断交互故障。
- 只修复有证据的项；涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图，并执行相关功能测试。不要声称未经测试的功能已通过。