Time to Interactive
13.7 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.
页面构成与技术指标
正文
916
操作候选
7
图片
20
HTML
52 KB
文案
标题字数
8偏短
摘要字数
183偏长
H1
1
H2
6
动作
主要入口
Sign up free
表单
0/ 1 输入
站内链接
62
站外链接
15
安全与页面元信息
HTTPS
有
HSTS
无
CSP
无
nosniff
无
viewport
有
图标
有
JSON-LD
有
统计
无
构成
脚本
4 ext / 4 inline
Alt
13 missing
语言
en
第三方域
无
Lighthouse
移动端模拟 · 性能评分
74 / 100
2026-09-05 · 实验室数据，非真实用户体验数据。
查看详情
移动端模拟 · 实验室数据，非真实用户体验数据
2026-09-05T04:05:31.153Z · Lighthouse 13.4.1
性能74/ 100
可访问性93/ 100
最佳实践100/ 100
SEO100/ 100
LCP · 主要内容出现4,725 ms
CLS · 布局偏移0.050
TBT · 主线程阻塞2 ms
FCP · 首次内容绘制2,528 ms
SI · 视觉加载速度6,154 ms
分数会受服务器、网络和测试环境影响，独立于品味／转化评分。诊断保留 Lighthouse 原文。
Image elements do not have explicit `width` and `height`
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://basecamp.com/assets/images/project/background-light.webp",
"node": {
"lhId": "1-97-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,0,DIV,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/background-light.webp\" alt=\"\">",
"selector": "div.project > div.project__background > picture > img",
"nodeLabel": "div.project > div.project__background > picture > img",
"boundingRect": {
"top": 389,
"left": 22,
"right": 390,
"width": 368,
"bottom": 776,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/view-message-board-light.webp",
"node": {
"lhId": "1-104-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,0,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-message-board-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/view-docs-and-files-light.webp",
"node": {
"lhId": "1-105-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,1,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-docs-and-files-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/view-to-dos-light.webp",
"node": {
"lhId": "1-106-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,2,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-to-dos-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/view-chat-light.webp",
"node": {
"lhId": "1-107-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,3,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-chat-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/view-schedule-light.webp",
"node": {
"lhId": "1-108-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,4,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-schedule-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/view-card-table-light.webp",
"node": {
"lhId": "1-109-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,5,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-card-table-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/page-message-board-light.webp",
"node": {
"lhId": "1-110-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,5,DIV,0,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/page-message-board-light.webp\" alt=\"Page: Message Board\">",
"selector": "div.project__pages > figure.project__page > picture > img",
"nodeLabel": "Page: Message Board",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/page-docs-and-files-light.webp",
"node": {
"lhId": "1-111-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,5,DIV,1,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/page-docs-and-files-light.webp\" alt=\"Page: Docs & Files\">",
"selector": "div.project__pages > figure.project__page > picture > img",
"nodeLabel": "Page: Docs & Files",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/page-to-dos-light.webp",
"node": {
"lhId": "1-112-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,5,DIV,2,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/page-to-dos-light.webp\" alt=\"Page: To-dos\">",
"selector": "div.project__pages > figure.project__page > picture > img",
"nodeLabel": "Page: To-dos",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/page-card-table-light.webp",
"node": {
"lhId": "1-113-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,5,DIV,3,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/page-card-table-light.webp\" alt=\"Page: Card Table\">",
"selector": "div.project__pages > figure.project__page > picture > img",
"nodeLabel": "Page: Card Table",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
}
},
{
"url": "https://basecamp.com/assets/images/project/tool-message-board-light.webp",
"node": {
"lhId": "1-98-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,0,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-message-board-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 441,
"left": 36,
"right": 145,
"width": 109,
"bottom": 550,
"height": 109
}
}
},
{
"url": "https://basecamp.com/assets/images/project/tool-docs-and-files-light.webp",
"node": {
"lhId": "1-99-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,1,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-docs-and-files-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 441,
"left": 151,
"right": 261,
"width": 109,
"bottom": 550,
"height": 109
}
}
},
{
"url": "https://basecamp.com/assets/images/project/tool-to-dos-light.webp",
"node": {
"lhId": "1-100-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,2,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-to-dos-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 441,
"left": 267,
"right": 376,
"width": 109,
"bottom": 550,
"height": 109
}
}
},
{
"url": "https://basecamp.com/assets/images/project/tool-chat-light.webp",
"node": {
"lhId": "1-101-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,3,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-chat-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 573,
"left": 36,
"right": 145,
"width": 109,
"bottom": 682,
"height": 109
}
}
},
{
"url": "https://basecamp.com/assets/images/project/tool-schedule-light.webp",
"node": {
"lhId": "1-102-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,4,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-schedule-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 573,
"left": 151,
"right": 261,
"width": 109,
"bottom": 682,
"height": 109
}
}
},
{
"url": "https://basecamp.com/assets/images/project/tool-card-table-light.webp",
"node": {
"lhId": "1-103-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,5,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-card-table-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 573,
"left": 267,
"right": 376,
"width": 109,
"bottom": 682,
"height": 109
}
}
}
],
"headings": [
{
"key": "node",
"label": "",
"valueType": "node"
},
{
"key": "url",
"label": "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-A",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,0,DIV,1,ARTICLE,5,P,1,A",
"type": "node",
"snippet": "<a href=\"/5\">",
"selector": "div.content > article > p > a",
"nodeLabel": "And BC5 is all new for 2026",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2544,
"left": 22,
"right": 379,
"width": 357,
"bottom": 2583,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-2-A",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,0,DIV,1,ARTICLE,6,P,1,A",
"type": "node",
"snippet": "<a href=\"/customers\">",
"selector": "div.content > article > p > a",
"nodeLabel": "rely on it daily",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2643,
"left": 92,
"right": 181,
"width": 90,
"bottom": 2661,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-3-A",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,4,DIV,1,ARTICLE,0,P,1,A",
"type": "node",
"snippet": "<a href=\"/support/testimonials\">",
"selector": "div.content > article > p > a",
"nodeLabel": "Our customers do it all the time",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3937,
"left": 141,
"right": 343,
"width": 202,
"bottom": 3955,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-4-A",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,0,P,2,SPAN,0,A",
"type": "node",
"snippet": "<a href=\"/classes\">",
"selector": "article > p > span.data-classes__link > a",
"nodeLabel": "See all upcoming classes",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4459,
"left": 66,
"right": 228,
"width": 162,
"bottom": 4477,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-5-SPAN",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,0,A,0,DL,0,DT,0,SPAN",
"type": "node",
"snippet": "<span>",
"selector": "a.data-classes__class > dl.data-classes__date > dt > span",
"nodeLabel": "9月",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #dd5942, font size: 7.0pt (9.35px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4499,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4508,
"height": 9
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-6-DT",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,0,A,0,DL,0,DT",
"type": "node",
"snippet": "<dt>",
"selector": "div.data-classes__output > a.data-classes__class > dl.data-classes__date > dt",
"nodeLabel": "9月",
"boundingRect": {
"top": 4496,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4510,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-7-SPAN",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,1,A,0,DL,0,DT,0,SPAN",
"type": "node",
"snippet": "<span>",
"selector": "a.data-classes__class > dl.data-classes__date > dt > span",
"nodeLabel": "9月",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #dd5942, font size: 7.0pt (9.35px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4552,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4562,
"height": 9
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-8-DT",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,1,A,0,DL,0,DT",
"type": "node",
"snippet": "<dt>",
"selector": "div.data-classes__output > a.data-classes__class > dl.data-classes__date > dt",
"nodeLabel": "9月",
"boundingRect": {
"top": 4550,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4564,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-9-SPAN",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,2,A,0,DL,0,DT,0,SPAN",
"type": "node",
"snippet": "<span>",
"selector": "a.data-classes__class > dl.data-classes__date > dt > span",
"nodeLabel": "9月",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #dd5942, font size: 7.0pt (9.35px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4606,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4615,
"height": 9
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-10-DT",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,2,A,0,DL,0,DT",
"type": "node",
"snippet": "<dt>",
"selector": "div.data-classes__output > a.data-classes__class > dl.data-classes__date > dt",
"nodeLabel": "9月",
"boundingRect": {
"top": 4603,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4617,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-11-SPAN",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,3,A,0,DL,0,DT,0,SPAN",
"type": "node",
"snippet": "<span>",
"selector": "a.data-classes__class > dl.data-classes__date > dt > span",
"nodeLabel": "9月",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #dd5942, font size: 7.0pt (9.35px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4659,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4669,
"height": 9
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-12-DT",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,3,A,0,DL,0,DT",
"type": "node",
"snippet": "<dt>",
"selector": "div.data-classes__output > a.data-classes__class > dl.data-classes__date > dt",
"nodeLabel": "9月",
"boundingRect": {
"top": 4657,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4671,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-13-SPAN",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,4,A,0,DL,0,DT,0,SPAN",
"type": "node",
"snippet": "<span>",
"selector": "a.data-classes__class > dl.data-classes__date > dt > span",
"nodeLabel": "9月",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #dd5942, font size: 7.0pt (9.35px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4713,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4722,
"height": 9
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-14-DT",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,4,A,0,DL,0,DT",
"type": "node",
"snippet": "<dt>",
"selector": "div.data-classes__output > a.data-classes__class > dl.data-classes__date > dt",
"nodeLabel": "9月",
"boundingRect": {
"top": 4710,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4724,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-15-SPAN",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,5,A,0,DL,0,DT,0,SPAN",
"type": "node",
"snippet": "<span>",
"selector": "a.data-classes__class > dl.data-classes__date > dt > span",
"nodeLabel": "9月",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.76 (foreground color: #ffffff, background color: #dd5942, font size: 7.0pt (9.35px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4766,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4776,
"height": 9
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-16-DT",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,5,DIV,1,ARTICLE,1,DIV,5,A,0,DL,0,DT",
"type": "node",
"snippet": "<dt>",
"selector": "div.data-classes__output > a.data-classes__class > dl.data-classes__date > dt",
"nodeLabel": "9月",
"boundingRect": {
"top": 4764,
"left": 22,
"right": 58,
"width": 36,
"bottom": 4778,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-17-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,0,LI,0,A",
"type": "node",
"snippet": "<a href=\"/5\" aria-label=\"Basecamp 5 is here\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Basecamp 5 is here",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4883,
"left": 22,
"right": 147,
"width": 125,
"bottom": 4901,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-18-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,1,LI,0,A",
"type": "node",
"snippet": "<a href=\"/features\" aria-label=\"Features and benefits\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Features and benefits",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4883,
"left": 159,
"right": 299,
"width": 140,
"bottom": 4901,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-19-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,2,LI,0,A",
"type": "node",
"snippet": "<a href=\"/paths\" aria-label=\"The people’s path to Basecamp\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "The people’s path to Basecamp",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4904,
"left": 22,
"right": 223,
"width": 201,
"bottom": 4922,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-20-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,3,LI,0,A",
"type": "node",
"snippet": "<a href=\"/agents\" aria-label=\"Bring your AI agents to Basecamp\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Bring your AI agents to Basecamp",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4925,
"left": 22,
"right": 241,
"width": 219,
"bottom": 4943,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-21-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,4,LI,0,A",
"type": "node",
"snippet": "<a href=\"/reliable\" aria-label=\"Reliable to the core\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Reliable to the core",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4925,
"left": 252,
"right": 377,
"width": 125,
"bottom": 4943,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-22-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,5,LI,0,A",
"type": "node",
"snippet": "<a href=\"/apps\" aria-label=\"Apps for every platform\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Apps for every platform",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4946,
"left": 22,
"right": 175,
"width": 153,
"bottom": 4964,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-23-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,6,LI,0,A",
"type": "node",
"snippet": "<a href=\"/integrations\" aria-label=\"Integrations\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Integrations",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4946,
"left": 187,
"right": 266,
"width": 79,
"bottom": 4964,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-24-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,8,LI,0,A",
"type": "node",
"snippet": "<a href=\"/books\" aria-label=\"Books we’ve written\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Books we’ve written",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4988,
"left": 22,
"right": 152,
"width": 130,
"bottom": 5006,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-25-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,9,LI,0,A",
"type": "node",
"snippet": "<a href=\"/about\" aria-label=\"Where we came from\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Where we came from",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4988,
"left": 163,
"right": 301,
"width": 138,
"bottom": 5006,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-26-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,10,LI,0,A",
"type": "node",
"snippet": "<a href=\"/small\" aria-label=\"Come small, come all\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Come small, come all",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5009,
"left": 22,
"right": 160,
"width": 138,
"bottom": 5027,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-27-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,11,LI,0,A",
"type": "node",
"snippet": "<a href=\"/underdogs\" aria-label=\"We stand with the underdogs\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "We stand with the underdogs",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5009,
"left": 171,
"right": 361,
"width": 189,
"bottom": 5027,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-28-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,12,LI,0,A",
"type": "node",
"snippet": "<a href=\"/overkill\" aria-label=\"Kill overkill\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Kill overkill",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5030,
"left": 22,
"right": 92,
"width": 70,
"bottom": 5048,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-29-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,13,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/how-we-communicate\" aria-label=\"How we communicate\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "How we communicate",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5030,
"left": 104,
"right": 249,
"width": 145,
"bottom": 5048,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-30-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,14,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/how-we-make-decisions\" aria-label=\"How we make decisions\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "How we make decisions",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5051,
"left": 22,
"right": 177,
"width": 155,
"bottom": 5069,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-31-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,15,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/group-chat-problems\" aria-label=\"Group chat problems\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Group chat problems",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5051,
"left": 188,
"right": 326,
"width": 138,
"bottom": 5069,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-32-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,16,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/seven-shipping-principles\" aria-label=\"Seven shipping principles\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Seven shipping principles",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5072,
"left": 22,
"right": 189,
"width": 167,
"bottom": 5090,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-33-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,17,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/why-we-choose-profit\" aria-label=\"Why we choose profit\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Why we choose profit",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5072,
"left": 201,
"right": 341,
"width": 140,
"bottom": 5090,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-34-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,18,LI,0,A",
"type": "node",
"snippet": "<a href=\"/customers\" aria-label=\"What changed for the better?\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "What changed for the better?",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5093,
"left": 22,
"right": 212,
"width": 190,
"bottom": 5111,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-35-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,19,LI,0,A",
"type": "node",
"snippet": "<a href=\"/hill-charts\" aria-label=\"See where projects really stand\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "See where projects really stand",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5114,
"left": 22,
"right": 225,
"width": 203,
"bottom": 5132,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-36-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,20,LI,0,A",
"type": "node",
"snippet": "<a href=\"/cloud-exit\" aria-label=\"Leaving the Cloud\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Leaving the Cloud",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5114,
"left": 237,
"right": 354,
"width": 117,
"bottom": 5132,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-37-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,21,LI,0,A",
"type": "node",
"snippet": "<a href=\"/before-and-after\" aria-label=\"Night & day\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Night & day",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5135,
"left": 22,
"right": 97,
"width": 75,
"bottom": 5153,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-38-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,22,LI,0,A",
"type": "node",
"snippet": "<a href=\"/learn\" aria-label=\"Learn Basecamp\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Learn Basecamp",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5135,
"left": 109,
"right": 217,
"width": 108,
"bottom": 5153,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-39-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,23,LI,0,A",
"type": "node",
"snippet": "<a href=\"/accessibility\" aria-label=\"Basecamp accessibility\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Basecamp accessibility",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5156,
"left": 22,
"right": 174,
"width": 152,
"bottom": 5174,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-40-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,24,LI,0,A",
"type": "node",
"snippet": "<a href=\"/community\" aria-label=\"Basecamp community\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Basecamp community",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5156,
"left": 186,
"right": 331,
"width": 145,
"bottom": 5174,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-41-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,25,LI,0,A",
"type": "node",
"snippet": "<a href=\"/keyboard\" aria-label=\"Keyboard shortcuts\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Keyboard shortcuts",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5177,
"left": 22,
"right": 150,
"width": 128,
"bottom": 5195,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-42-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,26,LI,0,A",
"type": "node",
"snippet": "<a href=\"/support\" aria-label=\"Friendly folks, standing by\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Friendly folks, standing by",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5177,
"left": 161,
"right": 331,
"width": 169,
"bottom": 5195,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-43-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,27,LI,0,A",
"type": "node",
"snippet": "<a href=\"/bootstrapped\" aria-label=\"Bootstrapped, profitable, & proud\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Bootstrapped, profitable, & proud",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5198,
"left": 22,
"right": 241,
"width": 219,
"bottom": 5216,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-44-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,28,LI,0,A",
"type": "node",
"snippet": "<a href=\"/newsletter\" aria-label=\"Can we stay in touch?\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Can we stay in touch?",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5219,
"left": 22,
"right": 162,
"width": 140,
"bottom": 5237,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-45-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,29,LI,0,A",
"type": "node",
"snippet": "<a href=\"/yes\" aria-label=\"With Basecamp, it’s a Yes!\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "With Basecamp, it’s a Yes!",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5219,
"left": 174,
"right": 340,
"width": 166,
"bottom": 5237,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-46-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,30,LI,0,A",
"type": "node",
"snippet": "<a href=\"/managers\" aria-label=\"Manager Playbook\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Manager Playbook",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5240,
"left": 22,
"right": 143,
"width": 121,
"bottom": 5258,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
},
{
"node": {
"lhId": "1-47-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,31,LI,0,A",
"type": "node",
"snippet": "<a href=\"/handbook\" aria-label=\"Employee Handbook\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Employee Handbook",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #2377d2, background color: #f5f9ff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5240,
"left": 155,
"right": 290,
"width": 135,
"bottom": 5258,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-BODY",
"path": "1,HTML,1,BODY",
"type": "node",
"snippet": "<body data-controller=\"tracking engagement\" data-browser=\"chrome\">",
"selector": "body",
"nodeLabel": "body",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 5602,
"height": 5602
}
}
}
]
}
}
],
"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"
}
}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-19-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,2,LI,0,A",
"type": "node",
"snippet": "<a href=\"/paths\" aria-label=\"The people’s path to Basecamp\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "The people’s path to Basecamp",
"explanation": "Fix any of the following:\n Target has insufficient size (201.5px by 18px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.4px instead of at least 24px.",
"boundingRect": {
"top": 4904,
"left": 22,
"right": 223,
"width": 201,
"bottom": 4922,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-20-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,3,LI,0,A",
"type": "node",
"snippet": "<a href=\"/agents\" aria-label=\"Bring your AI agents to Basecamp\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Bring your AI agents to Basecamp",
"boundingRect": {
"top": 4925,
"left": 22,
"right": 241,
"width": 219,
"bottom": 4943,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-20-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,3,LI,0,A",
"type": "node",
"snippet": "<a href=\"/agents\" aria-label=\"Bring your AI agents to Basecamp\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Bring your AI agents to Basecamp",
"explanation": "Fix any of the following:\n Target has insufficient size (218.7px by 18px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.4px instead of at least 24px.",
"boundingRect": {
"top": 4925,
"left": 22,
"right": 241,
"width": 219,
"bottom": 4943,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-19-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,2,LI,0,A",
"type": "node",
"snippet": "<a href=\"/paths\" aria-label=\"The people’s path to Basecamp\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "The people’s path to Basecamp",
"boundingRect": {
"top": 4904,
"left": 22,
"right": 223,
"width": 201,
"bottom": 4922,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-24-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,8,LI,0,A",
"type": "node",
"snippet": "<a href=\"/books\" aria-label=\"Books we’ve written\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Books we’ve written",
"explanation": "Fix any of the following:\n Target has insufficient size (129.5px by 18px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 18.8px instead of at least 24px.",
"boundingRect": {
"top": 4988,
"left": 22,
"right": 152,
"width": 130,
"bottom": 5006,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-26-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,10,LI,0,A",
"type": "node",
"snippet": "<a href=\"/small\" aria-label=\"Come small, come all\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Come small, come all",
"boundingRect": {
"top": 5009,
"left": 22,
"right": 160,
"width": 138,
"bottom": 5027,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-26-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,10,LI,0,A",
"type": "node",
"snippet": "<a href=\"/small\" aria-label=\"Come small, come all\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Come small, come all",
"explanation": "Fix any of the following:\n Target has insufficient size (137.7px by 18px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 18.8px instead of at least 24px.",
"boundingRect": {
"top": 5009,
"left": 22,
"right": 160,
"width": 138,
"bottom": 5027,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-24-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,8,LI,0,A",
"type": "node",
"snippet": "<a href=\"/books\" aria-label=\"Books we’ve written\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Books we’ve written",
"boundingRect": {
"top": 4988,
"left": 22,
"right": 152,
"width": 130,
"bottom": 5006,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-30-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,14,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/how-we-make-decisions\" aria-label=\"How we make decisions\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "How we make decisions",
"explanation": "Fix any of the following:\n Target has insufficient size (154.7px by 18px, 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": 5051,
"left": 22,
"right": 177,
"width": 155,
"bottom": 5069,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-32-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,16,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/seven-shipping-principles\" aria-label=\"Seven shipping principles\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Seven shipping principles",
"boundingRect": {
"top": 5072,
"left": 22,
"right": 189,
"width": 167,
"bottom": 5090,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-32-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,16,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/seven-shipping-principles\" aria-label=\"Seven shipping principles\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Seven shipping principles",
"explanation": "Fix any of the following:\n Target has insufficient size (167.3px by 18px, 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": 5072,
"left": 22,
"right": 189,
"width": 167,
"bottom": 5090,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-30-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,14,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/how-we-make-decisions\" aria-label=\"How we make decisions\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "How we make decisions",
"boundingRect": {
"top": 5051,
"left": 22,
"right": 177,
"width": 155,
"bottom": 5069,
"height": 18
}
}
},
{
"relatedNode": {
"lhId": "1-34-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,18,LI,0,A",
"type": "node",
"snippet": "<a href=\"/customers\" aria-label=\"What changed for the better?\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "What changed for the better?",
"boundingRect": {
"top": 5093,
"left": 22,
"right": 212,
"width": 190,
"bottom": 5111,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-34-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,18,LI,0,A",
"type": "node",
"snippet": "<a href=\"/customers\" aria-label=\"What changed for the better?\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "What changed for the better?",
"explanation": "Fix any of the following:\n Target has insufficient size (190.3px by 18px, 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": 5093,
"left": 22,
"right": 212,
"width": 190,
"bottom": 5111,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-32-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,16,LI,0,A",
"type": "node",
"snippet": "<a href=\"/guides/seven-shipping-principles\" aria-label=\"Seven shipping principles\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Seven shipping principles",
"boundingRect": {
"top": 5072,
"left": 22,
"right": 189,
"width": 167,
"bottom": 5090,
"height": 18
}
}
},
{
"relatedNode": {
"lhId": "1-35-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,19,LI,0,A",
"type": "node",
"snippet": "<a href=\"/hill-charts\" aria-label=\"See where projects really stand\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "See where projects really stand",
"boundingRect": {
"top": 5114,
"left": 22,
"right": 225,
"width": 203,
"bottom": 5132,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-35-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,19,LI,0,A",
"type": "node",
"snippet": "<a href=\"/hill-charts\" aria-label=\"See where projects really stand\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "See where projects really stand",
"explanation": "Fix any of the following:\n Target has insufficient size (203px by 18px, 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": 5114,
"left": 22,
"right": 225,
"width": 203,
"bottom": 5132,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-34-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,18,LI,0,A",
"type": "node",
"snippet": "<a href=\"/customers\" aria-label=\"What changed for the better?\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "What changed for the better?",
"boundingRect": {
"top": 5093,
"left": 22,
"right": 212,
"width": 190,
"bottom": 5111,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-44-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,28,LI,0,A",
"type": "node",
"snippet": "<a href=\"/newsletter\" aria-label=\"Can we stay in touch?\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Can we stay in touch?",
"explanation": "Fix any of the following:\n Target has insufficient size (140.3px by 18px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px.",
"boundingRect": {
"top": 5219,
"left": 22,
"right": 162,
"width": 140,
"bottom": 5237,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-46-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,30,LI,0,A",
"type": "node",
"snippet": "<a href=\"/managers\" aria-label=\"Manager Playbook\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Manager Playbook",
"boundingRect": {
"top": 5240,
"left": 22,
"right": 143,
"width": 121,
"bottom": 5258,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-46-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,30,LI,0,A",
"type": "node",
"snippet": "<a href=\"/managers\" aria-label=\"Manager Playbook\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Manager Playbook",
"explanation": "Fix any of the following:\n Target has insufficient size (121.1px by 18px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px.",
"boundingRect": {
"top": 5240,
"left": 22,
"right": 143,
"width": 121,
"bottom": 5258,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-44-A",
"path": "1,HTML,1,BODY,5,FOOTER,0,DIV,0,ARTICLE,1,UL,28,LI,0,A",
"type": "node",
"snippet": "<a href=\"/newsletter\" aria-label=\"Can we stay in touch?\">",
"selector": "article > ul.list > li > a",
"nodeLabel": "Can we stay in touch?",
"boundingRect": {
"top": 5219,
"left": 22,
"right": 162,
"width": 140,
"bottom": 5237,
"height": 18
}
}
}
]
}
},
{
"node": {
"lhId": "1-48-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,0,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://www.37status.com\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Status\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Status",
"explanation": "Fix any of the following:\n Target has insufficient size (32.1px by 14px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.",
"boundingRect": {
"top": 5362,
"left": 22,
"right": 54,
"width": 32,
"bottom": 5376,
"height": 14
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-49-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,1,LI,0,A",
"type": "node",
"snippet": "<a href=\"/support\" aria-label=\"Support\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Support",
"boundingRect": {
"top": 5385,
"left": 22,
"right": 63,
"width": 41,
"bottom": 5399,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-49-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,1,LI,0,A",
"type": "node",
"snippet": "<a href=\"/support\" aria-label=\"Support\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Support",
"explanation": "Fix any of the following:\n Target has insufficient size (41.3px by 14px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px.",
"boundingRect": {
"top": 5385,
"left": 22,
"right": 63,
"width": 41,
"bottom": 5399,
"height": 14
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-48-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,0,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://www.37status.com\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Status\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Status",
"boundingRect": {
"top": 5362,
"left": 22,
"right": 54,
"width": 32,
"bottom": 5376,
"height": 14
}
}
},
{
"relatedNode": {
"lhId": "1-50-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,2,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://37signals.com/policies\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Policies\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Policies",
"boundingRect": {
"top": 5408,
"left": 22,
"right": 61,
"width": 39,
"bottom": 5422,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-50-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,2,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://37signals.com/policies\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Policies\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Policies",
"explanation": "Fix any of the following:\n Target has insufficient size (38.7px by 14px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px.",
"boundingRect": {
"top": 5408,
"left": 22,
"right": 61,
"width": 39,
"bottom": 5422,
"height": 14
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-49-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,1,LI,0,A",
"type": "node",
"snippet": "<a href=\"/support\" aria-label=\"Support\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Support",
"boundingRect": {
"top": 5385,
"left": 22,
"right": 63,
"width": 41,
"bottom": 5399,
"height": 14
}
}
},
{
"relatedNode": {
"lhId": "1-51-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,3,LI,0,A",
"type": "node",
"snippet": "<a href=\"/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Privacy\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Privacy",
"boundingRect": {
"top": 5431,
"left": 22,
"right": 59,
"width": 37,
"bottom": 5445,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-51-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,3,LI,0,A",
"type": "node",
"snippet": "<a href=\"/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Privacy\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Privacy",
"explanation": "Fix any of the following:\n Target has insufficient size (37px by 14px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px.",
"boundingRect": {
"top": 5431,
"left": 22,
"right": 59,
"width": 37,
"bottom": 5445,
"height": 14
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-50-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,2,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://37signals.com/policies\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Policies\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Policies",
"boundingRect": {
"top": 5408,
"left": 22,
"right": 61,
"width": 39,
"bottom": 5422,
"height": 14
}
}
},
{
"relatedNode": {
"lhId": "1-52-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,4,LI,0,A",
"type": "node",
"snippet": "<a href=\"/security\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Security\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Security",
"boundingRect": {
"top": 5454,
"left": 22,
"right": 64,
"width": 42,
"bottom": 5468,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-52-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,4,LI,0,A",
"type": "node",
"snippet": "<a href=\"/security\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Security\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Security",
"explanation": "Fix any of the following:\n Target has insufficient size (42.2px by 14px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.",
"boundingRect": {
"top": 5454,
"left": 22,
"right": 64,
"width": 42,
"bottom": 5468,
"height": 14
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-51-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,3,LI,0,A",
"type": "node",
"snippet": "<a href=\"/privacy\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Privacy\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Privacy",
"boundingRect": {
"top": 5431,
"left": 22,
"right": 59,
"width": 37,
"bottom": 5445,
"height": 14
}
}
},
{
"relatedNode": {
"lhId": "1-53-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,5,LI,0,A",
"type": "node",
"snippet": "<a href=\"/reliable\" aria-label=\"Reliability\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Reliability",
"boundingRect": {
"top": 5478,
"left": 22,
"right": 71,
"width": 49,
"bottom": 5492,
"height": 14
}
}
}
]
}
},
{
"node": {
"lhId": "1-53-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,5,LI,0,A",
"type": "node",
"snippet": "<a href=\"/reliable\" aria-label=\"Reliability\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Reliability",
"explanation": "Fix any of the following:\n Target has insufficient size (49.2px by 14px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.8px instead of at least 24px.",
"boundingRect": {
"top": 5478,
"left": 22,
"right": 71,
"width": 49,
"bottom": 5492,
"height": 14
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-52-A",
"path": "1,HTML,1,BODY,5,FOOTER,1,DIV,1,UL,4,LI,0,A",
"type": "node",
"snippet": "<a href=\"/security\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Security\">",
"selector": "div.footer__legal > ul > li > a",
"nodeLabel": "Security",
"boundingRect": {
"top": 5454,
"left": 22,
"right": 64,
"width": 42,
"bottom": 5468,
"height": 14
}
}
}
]
}
}
],
"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"
}
}Avoid enormous network payloads
Total size was 4,438 KiB
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://basecamp.com/assets/images/project/view-chat-light.webp",
"totalBytes": 693711
},
{
"url": "https://basecamp.com/videos/5/walkthrough-09-26.webp",
"totalBytes": 376272
},
{
"url": "https://basecamp.com/assets/images/project/page-docs-and-files-light.webp",
"totalBytes": 338405
},
{
"url": "https://basecamp.com/videos/meet/chase.webp",
"totalBytes": 324516
},
{
"url": "https://basecamp.com/assets/images/project/view-card-table-light.webp",
"totalBytes": 284920
},
{
"url": "https://basecamp.com/assets/images/project/page-message-board-light.webp",
"totalBytes": 271798
},
{
"url": "https://basecamp.com/assets/images/project/view-message-board-light.webp",
"totalBytes": 259903
},
{
"url": "https://basecamp.com/assets/images/project/page-to-dos-light.webp",
"totalBytes": 239818
},
{
"url": "https://basecamp.com/videos/breakfast/chicago.jpg",
"totalBytes": 221468
},
{
"url": "https://basecamp.com/assets/images/project/page-card-table-light.webp",
"totalBytes": 212078
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
}
],
"sortedBy": [
"totalBytes"
]
}Minify JavaScript
Est savings of 6 KiB
Minifying JavaScript files can reduce payload sizes and script parse time. Learn how to minify JavaScript.
对应元素与资源
{
"type": "opportunity",
"items": [
{
"url": "https://basecamp.com/assets/js/packages/stimulus.js",
"totalBytes": 24209,
"wastedBytes": 6565,
"wastedPercent": 27.119160116825856
}
],
"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": 6565
}Use efficient cache lifetimes
Est savings of 4,213 KiB
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://basecamp.com/assets/images/project/view-chat-light.webp",
"totalBytes": 693711,
"wastedBytes": 693711,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/page-docs-and-files-light.webp",
"totalBytes": 338405,
"wastedBytes": 338405,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/videos/5/walkthrough-09-26.webp",
"totalBytes": 376272,
"wastedBytes": 301017.60000000003,
"cacheLifetimeMs": 3600000
},
{
"url": "https://basecamp.com/assets/images/project/view-card-table-light.webp",
"totalBytes": 284920,
"wastedBytes": 284920,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/page-message-board-light.webp",
"totalBytes": 271798,
"wastedBytes": 271798,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/view-message-board-light.webp",
"totalBytes": 259903,
"wastedBytes": 259903,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/videos/meet/chase.webp",
"totalBytes": 324516,
"wastedBytes": 259612.80000000002,
"cacheLifetimeMs": 3600000
},
{
"url": "https://basecamp.com/assets/images/project/page-to-dos-light.webp",
"totalBytes": 239818,
"wastedBytes": 239818,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/page-card-table-light.webp",
"totalBytes": 212078,
"wastedBytes": 212078,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/videos/breakfast/chicago.jpg",
"totalBytes": 221468,
"wastedBytes": 177174.40000000002,
"cacheLifetimeMs": 3600000
},
{
"url": "https://basecamp.com/assets/images/project/view-schedule-light.webp",
"totalBytes": 175448,
"wastedBytes": 175448,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/view-to-dos-light.webp",
"totalBytes": 118841,
"wastedBytes": 118841,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/general/logo-mark.webp",
"totalBytes": 109290,
"wastedBytes": 109290,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/view-docs-and-files-light.webp",
"totalBytes": 100573,
"wastedBytes": 100573,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/tool-chat-light.webp",
"totalBytes": 65333,
"wastedBytes": 65333,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/pointer.webp",
"totalBytes": 63454,
"wastedBytes": 63454,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/tool-message-board-light.webp",
"totalBytes": 62393,
"wastedBytes": 62393,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/fonts/Graphik-SemiboldItalic-Cy-Gr-Web.woff2",
"totalBytes": 57300,
"wastedBytes": 57300,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/fonts/Graphik-Medium-Cy-Gr-Web.woff2",
"totalBytes": 56682,
"wastedBytes": 56682,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/general/jf-avatar.jpg",
"totalBytes": 54239,
"wastedBytes": 54239,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/fonts/Graphik-Semibold-Cy-Gr-Web.woff2",
"totalBytes": 52099,
"wastedBytes": 52099,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/fonts/Graphik-RegularItalic-Cy-Gr-Web.woff2",
"totalBytes": 51839,
"wastedBytes": 51839,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/fonts/Graphik-Regular-Cy-Gr-Web.woff2",
"totalBytes": 47366,
"wastedBytes": 47366,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/background-light.webp",
"totalBytes": 38465,
"wastedBytes": 38465,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/tool-docs-and-files-light.webp",
"totalBytes": 27713,
"wastedBytes": 27713,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/packages/stimulus.js",
"totalBytes": 24289,
"wastedBytes": 24289,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/tool-to-dos-light.webp",
"totalBytes": 22963,
"wastedBytes": 22963,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/tool-schedule-light.webp",
"totalBytes": 19776,
"wastedBytes": 19776,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/world_land.js",
"totalBytes": 9743,
"wastedBytes": 9743,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/packages/number-flow.js",
"totalBytes": 7793,
"wastedBytes": 7793,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/activity_map_simulation.js",
"totalBytes": 7168,
"wastedBytes": 7168,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/tool-card-table-light.webp",
"totalBytes": 7096,
"wastedBytes": 7096,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/general/jf-signature.svg",
"totalBytes": 6726,
"wastedBytes": 6726,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/controllers/activity_map_controller.js",
"totalBytes": 4556,
"wastedBytes": 4556,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/pricing.css?v=1.5.1",
"totalBytes": 4028,
"wastedBytes": 4028,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/controllers/tracking_controller.js",
"totalBytes": 2841,
"wastedBytes": 2841,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/project.css?v=1.5.1",
"totalBytes": 2623,
"wastedBytes": 2623,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/content.css?v=1.5.1",
"totalBytes": 2349,
"wastedBytes": 2349,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/star-on-light.webp",
"totalBytes": 2336,
"wastedBytes": 2336,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/intro.css?v=1.5.1",
"totalBytes": 2208,
"wastedBytes": 2208,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/path.css?v=1.5.1",
"totalBytes": 2181,
"wastedBytes": 2181,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/pricing.js?v=1.4.7",
"totalBytes": 2144,
"wastedBytes": 2144,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/root.css?v=1.5.1",
"totalBytes": 1987,
"wastedBytes": 1987,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/paths-nav.css?v=1.5.1",
"totalBytes": 1845,
"wastedBytes": 1845,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/modal.js?v=1.4.7",
"totalBytes": 1751,
"wastedBytes": 1751,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/nav.css?v=1.5.1",
"totalBytes": 1732,
"wastedBytes": 1732,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/live_count_poll.js",
"totalBytes": 1656,
"wastedBytes": 1656,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/activity-map.css?v=1.5.1",
"totalBytes": 1644,
"wastedBytes": 1644,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/support.css?v=1.5.1",
"totalBytes": 1628,
"wastedBytes": 1628,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/classes.js?v=1.4.7",
"totalBytes": 1417,
"wastedBytes": 1417,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/controllers/active_count_controller.js",
"totalBytes": 1382,
"wastedBytes": 1382,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/elements.css?v=1.5.1",
"totalBytes": 1365,
"wastedBytes": 1365,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/newsletter.css?v=1.5.1",
"totalBytes": 1279,
"wastedBytes": 1279,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/details.css?v=1.5.1",
"totalBytes": 1237,
"wastedBytes": 1237,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/bootstrapped.css?v=1.5.1",
"totalBytes": 1216,
"wastedBytes": 1216,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/learn.css?v=1.5.1",
"totalBytes": 1189,
"wastedBytes": 1189,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/footer.css?v=1.5.1",
"totalBytes": 1185,
"wastedBytes": 1185,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/modal.css?v=1.5.1",
"totalBytes": 1180,
"wastedBytes": 1180,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/integrations.css?v=1.5.1",
"totalBytes": 1167,
"wastedBytes": 1167,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/video-trigger.css?v=1.5.1",
"totalBytes": 1164,
"wastedBytes": 1164,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/controllers/signup_controller.js",
"totalBytes": 1157,
"wastedBytes": 1157,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/button.css?v=1.5.1",
"totalBytes": 1146,
"wastedBytes": 1146,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/intro.js?v=1.4.7",
"totalBytes": 1129,
"wastedBytes": 1129,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/layout.css?v=1.5.1",
"totalBytes": 1079,
"wastedBytes": 1079,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/project/star-off-light.webp",
"totalBytes": 1078,
"wastedBytes": 1078,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/table.css?v=1.5.1",
"totalBytes": 1065,
"wastedBytes": 1065,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/general/icon-rule.svg",
"totalBytes": 1049,
"wastedBytes": 1049,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/command.css?v=1.5.1",
"totalBytes": 1037,
"wastedBytes": 1037,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/general/icon-back.svg",
"totalBytes": 997,
"wastedBytes": 997,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/paths.js?v=1.4.7",
"totalBytes": 992,
"wastedBytes": 992,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/logo.css?v=1.5.1",
"totalBytes": 970,
"wastedBytes": 970,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/data-classes.css?v=1.5.1",
"totalBytes": 968,
"wastedBytes": 968,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/blockquotes.css?v=1.5.1",
"totalBytes": 957,
"wastedBytes": 957,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/packages/cookie.js?v=1.5.1",
"totalBytes": 956,
"wastedBytes": 956,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/dataDisplay.js?v=1.4.7",
"totalBytes": 932,
"wastedBytes": 932,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/body.js?v=1.4.7",
"totalBytes": 922,
"wastedBytes": 922,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/headline.css?v=1.5.1",
"totalBytes": 903,
"wastedBytes": 903,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/controllers/engaged_session_controller.js",
"totalBytes": 896,
"wastedBytes": 896,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/reset.css?v=1.5.1",
"totalBytes": 889,
"wastedBytes": 889,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/signature.css?v=1.5.1",
"totalBytes": 885,
"wastedBytes": 885,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/application.js?v=1.5.1",
"totalBytes": 859,
"wastedBytes": 859,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/scroll-snap.css?v=1.5.1",
"totalBytes": 838,
"wastedBytes": 838,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/tracking.css?v=1.5.1",
"totalBytes": 837,
"wastedBytes": 837,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/help.css?v=1.5.1",
"totalBytes": 786,
"wastedBytes": 786,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/paths.css?v=1.5.1",
"totalBytes": 754,
"wastedBytes": 754,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/theme.css?v=1.5.1",
"totalBytes": 726,
"wastedBytes": 726,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/video.css?v=1.5.1",
"totalBytes": 715,
"wastedBytes": 715,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/cancel.js?v=1.4.7",
"totalBytes": 714,
"wastedBytes": 714,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/roadblock.css?v=1.5.1",
"totalBytes": 706,
"wastedBytes": 706,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/signup.css?v=1.5.1",
"totalBytes": 698,
"wastedBytes": 698,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/newsletter.js?v=1.4.7",
"totalBytes": 696,
"wastedBytes": 696,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/rule.css?v=1.5.1",
"totalBytes": 686,
"wastedBytes": 686,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/scrollSnap.js?v=1.4.7",
"totalBytes": 666,
"wastedBytes": 666,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/general/icon-close.svg",
"totalBytes": 652,
"wastedBytes": 652,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/books.css?v=1.5.1",
"totalBytes": 629,
"wastedBytes": 629,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/video.js?v=1.4.7",
"totalBytes": 627,
"wastedBytes": 627,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/project.js?v=1.4.7",
"totalBytes": 607,
"wastedBytes": 607,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/theme.js?v=1.4.7",
"totalBytes": 565,
"wastedBytes": 565,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/command.js?v=1.4.7",
"totalBytes": 565,
"wastedBytes": 565,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/script.js?v=1.5.1",
"totalBytes": 543,
"wastedBytes": 543,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/details.js?v=1.4.7",
"totalBytes": 532,
"wastedBytes": 532,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/figure.css?v=1.5.1",
"totalBytes": 531,
"wastedBytes": 531,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/fonts.css?v=1.5.1",
"totalBytes": 474,
"wastedBytes": 474,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/images/general/icon-play.svg",
"totalBytes": 415,
"wastedBytes": 415,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/js/modules/signup.js?v=1.4.7",
"totalBytes": 393,
"wastedBytes": 393,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/frame.css?v=1.5.1",
"totalBytes": 350,
"wastedBytes": 350,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/space.css?v=1.5.1",
"totalBytes": 303,
"wastedBytes": 303,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/cursor.css?v=1.5.1",
"totalBytes": 298,
"wastedBytes": 298,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/main.css?v=1.5.1",
"totalBytes": 282,
"wastedBytes": 282,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/data-display.css?v=1.5.1",
"totalBytes": 222,
"wastedBytes": 222,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/buttons.css?v=1.5.1",
"totalBytes": 202,
"wastedBytes": 202,
"cacheLifetimeMs": 0
},
{
"url": "https://basecamp.com/assets/css/highlight.css?v=1.5.1",
"totalBytes": 187,
"wastedBytes": 187,
"cacheLifetimeMs": 0
}
],
"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": 4314381.8
},
"skipSumming": [
"cacheLifetimeMs"
]
}Improve image delivery
Est savings of 3,681 KiB
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://basecamp.com/assets/images/project/view-chat-light.webp",
"node": {
"lhId": "page-0-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,3,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-chat-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 673060
}
]
},
"totalBytes": 692876,
"wastedBytes": 673060
},
{
"url": "https://basecamp.com/videos/5/walkthrough-09-26.webp",
"node": {
"lhId": "page-1-IMG",
"path": "1,HTML,1,BODY,3,DIV,0,DIV,2,DIV,1,DIV,0,BUTTON,0,FIGURE,0,IMG",
"type": "node",
"snippet": "<img src=\"/videos/5/walkthrough-09-26.webp\" width=\"1600\" height=\"900\" alt=\"Walkthrough\">",
"selector": "div.intro__video > button#walkthrough > figure > img",
"nodeLabel": "Walkthrough",
"boundingRect": {
"top": 274,
"left": 26,
"right": 125,
"width": 99,
"bottom": 329,
"height": 56
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Increasing the image compression factor could improve this image's download size.",
"wastedBytes": 135732
},
{
"reason": "This image file is larger than it needs to be (1600x900) for its displayed dimensions (99x56). Use responsive images to reduce the image download size.",
"wastedBytes": 374294
}
]
},
"totalBytes": 375732,
"wastedBytes": 374813
},
{
"url": "https://basecamp.com/assets/images/project/page-docs-and-files-light.webp",
"node": {
"lhId": "page-2-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,5,DIV,1,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/page-docs-and-files-light.webp\" alt=\"Page: Docs & Files\">",
"selector": "div.project__pages > figure.project__page > picture > img",
"nodeLabel": "Page: Docs & Files",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 328294
}
]
},
"totalBytes": 337960,
"wastedBytes": 328294
},
{
"url": "https://basecamp.com/videos/meet/chase.webp",
"node": {
"lhId": "page-3-IMG",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,4,DIV,1,ARTICLE,1,BUTTON,0,FIGURE,0,IMG",
"type": "node",
"snippet": "<img src=\"/videos/meet/chase.webp\" width=\"1600\" height=\"900\" alt=\"Meet Chase, our Head of Support\">",
"selector": "article > button#chase > figure > img",
"nodeLabel": "Meet Chase, our Head of Support",
"boundingRect": {
"top": 4068,
"left": 26,
"right": 386,
"width": 360,
"bottom": 4270,
"height": 202
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Increasing the image compression factor could improve this image's download size.",
"wastedBytes": 84026
},
{
"reason": "This image file is larger than it needs to be (1600x900) for its displayed dimensions (360x202). Use responsive images to reduce the image download size.",
"wastedBytes": 307645
}
]
},
"totalBytes": 324026,
"wastedBytes": 311893
},
{
"url": "https://basecamp.com/assets/images/project/view-card-table-light.webp",
"node": {
"lhId": "page-4-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,5,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-card-table-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 276400
}
]
},
"totalBytes": 284538,
"wastedBytes": 276400
},
{
"url": "https://basecamp.com/assets/images/project/page-message-board-light.webp",
"node": {
"lhId": "page-5-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,5,DIV,0,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/page-message-board-light.webp\" alt=\"Page: Message Board\">",
"selector": "div.project__pages > figure.project__page > picture > img",
"nodeLabel": "Page: Message Board",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 263630
}
]
},
"totalBytes": 271392,
"wastedBytes": 263630
},
{
"url": "https://basecamp.com/assets/images/project/view-message-board-light.webp",
"node": {
"lhId": "page-6-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,0,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-message-board-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 252123
}
]
},
"totalBytes": 259546,
"wastedBytes": 252123
},
{
"url": "https://basecamp.com/assets/images/project/page-to-dos-light.webp",
"node": {
"lhId": "page-7-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,5,DIV,2,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/page-to-dos-light.webp\" alt=\"Page: To-dos\">",
"selector": "div.project__pages > figure.project__page > picture > img",
"nodeLabel": "Page: To-dos",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 232631
}
]
},
"totalBytes": 239480,
"wastedBytes": 232631
},
{
"url": "https://basecamp.com/videos/breakfast/chicago.jpg",
"node": {
"lhId": "page-8-IMG",
"path": "1,HTML,1,BODY,4,MAIN,0,DIV,1,DIV,1,ARTICLE,0,BUTTON,0,FIGURE,0,IMG",
"type": "node",
"snippet": "<img src=\"/videos/breakfast/chicago.jpg\" width=\"1600\" height=\"900\" alt=\"Breakfast with Basecamp: Chicago\">",
"selector": "article > button#breakfast > figure > img",
"nodeLabel": "Breakfast with Basecamp: Chicago",
"boundingRect": {
"top": 3140,
"left": 26,
"right": 386,
"width": 360,
"bottom": 3342,
"height": 202
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (1600x900) for its displayed dimensions (360x202). Use responsive images to reduce the image download size.",
"wastedBytes": 209920
}
]
},
"totalBytes": 221097,
"wastedBytes": 209920
},
{
"url": "https://basecamp.com/assets/images/project/page-card-table-light.webp",
"node": {
"lhId": "page-9-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,5,DIV,3,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/page-card-table-light.webp\" alt=\"Page: Card Table\">",
"selector": "div.project__pages > figure.project__page > picture > img",
"nodeLabel": "Page: Card Table",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 205698
}
]
},
"totalBytes": 211754,
"wastedBytes": 205698
},
{
"url": "https://basecamp.com/assets/images/project/view-schedule-light.webp",
"node": {
"lhId": "page-10-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,4,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-schedule-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 170166
}
]
},
"totalBytes": 175176,
"wastedBytes": 170166
},
{
"url": "https://basecamp.com/assets/images/project/view-to-dos-light.webp",
"node": {
"lhId": "page-11-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,2,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-to-dos-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 115245
}
]
},
"totalBytes": 118638,
"wastedBytes": 115245
},
{
"url": "https://basecamp.com/assets/images/project/view-docs-and-files-light.webp",
"node": {
"lhId": "page-12-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,1,FIGURE,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/view-docs-and-files-light.webp\" alt=\"\">",
"selector": "div.project__views > figure.project__view > picture > img",
"nodeLabel": "div.project__views > figure.project__view > picture > img",
"boundingRect": {
"top": 776,
"left": 22,
"right": 390,
"width": 368,
"bottom": 1163,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 97517
}
]
},
"totalBytes": 100388,
"wastedBytes": 97517
},
{
"url": "https://basecamp.com/assets/images/project/tool-chat-light.webp",
"node": {
"lhId": "page-13-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,3,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-chat-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 573,
"left": 36,
"right": 145,
"width": 109,
"bottom": 682,
"height": 109
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (647x647) for its displayed dimensions (109x109). Use responsive images to reduce the image download size.",
"wastedBytes": 63324
}
]
},
"totalBytes": 65188,
"wastedBytes": 63324
},
{
"url": "https://basecamp.com/assets/images/project/tool-message-board-light.webp",
"node": {
"lhId": "page-14-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,0,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-message-board-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 441,
"left": 36,
"right": 145,
"width": 109,
"bottom": 550,
"height": 109
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (647x647) for its displayed dimensions (109x109). Use responsive images to reduce the image download size.",
"wastedBytes": 60472
}
]
},
"totalBytes": 62252,
"wastedBytes": 60472
},
{
"url": "https://basecamp.com/assets/images/project/background-light.webp",
"node": {
"lhId": "page-15-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,0,DIV,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/background-light.webp\" alt=\"\">",
"selector": "div.project > div.project__background > picture > img",
"nodeLabel": "div.project > div.project__background > picture > img",
"boundingRect": {
"top": 389,
"left": 22,
"right": 390,
"width": 368,
"bottom": 776,
"height": 387
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (2176x2290) for its displayed dimensions (368x387). Use responsive images to reduce the image download size.",
"wastedBytes": 37226
}
]
},
"totalBytes": 38322,
"wastedBytes": 37226
},
{
"url": "https://basecamp.com/assets/images/project/pointer.webp",
"node": {
"lhId": "page-16-::after",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,4,DIV,5,FIGURE,1,BUTTON,0,SPAN,0,::after",
"type": "node",
"snippet": "<::after>",
"selector": "figure.project__view > button.project__extra > span > ::after",
"nodeLabel": "figure.project__view > button.project__extra > span > ::after",
"boundingRect": {
"top": 1041,
"left": 123,
"right": 187,
"width": 64,
"bottom": 1105,
"height": 64
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Increasing the image compression factor could improve this image's download size.",
"wastedBytes": 29230
}
]
},
"totalBytes": 63316,
"wastedBytes": 29230
},
{
"url": "https://basecamp.com/assets/images/project/tool-docs-and-files-light.webp",
"node": {
"lhId": "page-17-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,1,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-docs-and-files-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 441,
"left": 151,
"right": 261,
"width": 109,
"bottom": 550,
"height": 109
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (647x647) for its displayed dimensions (109x109). Use responsive images to reduce the image download size.",
"wastedBytes": 26768
}
]
},
"totalBytes": 27556,
"wastedBytes": 26768
},
{
"url": "https://basecamp.com/assets/images/project/tool-to-dos-light.webp",
"node": {
"lhId": "page-18-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,2,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-to-dos-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 441,
"left": 267,
"right": 376,
"width": 109,
"bottom": 550,
"height": 109
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (647x647) for its displayed dimensions (109x109). Use responsive images to reduce the image download size.",
"wastedBytes": 22208
}
]
},
"totalBytes": 22862,
"wastedBytes": 22208
},
{
"url": "https://basecamp.com/assets/images/project/tool-schedule-light.webp",
"node": {
"lhId": "page-19-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,2,DIV,4,BUTTON,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/tool-schedule-light.webp\" alt=\"\">",
"selector": "div.project__tools > button.project__tool > picture > img",
"nodeLabel": "div.project__tools > button.project__tool > picture > img",
"boundingRect": {
"top": 573,
"left": 151,
"right": 261,
"width": 109,
"bottom": 682,
"height": 109
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (647x647) for its displayed dimensions (109x109). Use responsive images to reduce the image download size.",
"wastedBytes": 19121
}
]
},
"totalBytes": 19684,
"wastedBytes": 19121
}
],
"headings": [
{
"key": "node",
"label": "",
"valueType": "node"
},
{
"key": "url",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "reason",
"valueType": "text"
}
},
{
"key": "totalBytes",
"label": "Resource Size",
"valueType": "bytes"
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes",
"subItemsHeading": {
"key": "wastedBytes",
"valueType": "bytes"
}
}
],
"debugData": {
"type": "debugdata",
"wastedBytes": 3769739
}
}LCP request discovery
Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading
对应元素与资源
{
"type": "list",
"items": [
{
"type": "checklist",
"items": {
"eagerlyLoaded": {
"label": "LCP resources should not use loading=lazy",
"value": true
},
"priorityHinted": {
"label": "fetchpriority=high should be applied",
"value": false
},
"requestDiscoverable": {
"label": "Request is discoverable in initial document",
"value": true
}
}
},
{
"lhId": "page-15-IMG",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,0,DIV,0,DIV,0,PICTURE,2,IMG",
"type": "node",
"snippet": "<img src=\"/assets/images/project/background-light.webp\" alt=\"\">",
"selector": "div.project > div.project__background > picture > img",
"nodeLabel": "div.project > div.project__background > picture > img",
"boundingRect": {
"top": 389,
"left": 22,
"right": 390,
"width": 368,
"bottom": 776,
"height": 387
}
}
]
}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": {
"24B16E569649E2E0E67EB052526F0ED1": {
"url": "https://basecamp.com/",
"children": {
"46876.2": {
"url": "https://basecamp.com/assets/css/reset.css?v=1.5.1",
"children": {},
"transferSize": 889,
"navStartToEndTime": 697
},
"46876.3": {
"url": "https://basecamp.com/assets/css/root.css?v=1.5.1",
"children": {},
"transferSize": 1987,
"navStartToEndTime": 705
},
"46876.4": {
"url": "https://basecamp.com/assets/css/fonts.css?v=1.5.1",
"children": {
"46876.163": {
"url": "https://basecamp.com/assets/fonts/Graphik-Regular-Cy-Gr-Web.woff2",
"children": {},
"transferSize": 47366,
"navStartToEndTime": 1198
},
"46876.164": {
"url": "https://basecamp.com/assets/fonts/Graphik-RegularItalic-Cy-Gr-Web.woff2",
"children": {},
"transferSize": 51839,
"navStartToEndTime": 1298
},
"46876.165": {
"url": "https://basecamp.com/assets/fonts/Graphik-Medium-Cy-Gr-Web.woff2",
"children": {},
"transferSize": 56682,
"navStartToEndTime": 1198
},
"46876.167": {
"url": "https://basecamp.com/assets/fonts/Graphik-Semibold-Cy-Gr-Web.woff2",
"children": {},
"transferSize": 52099,
"navStartToEndTime": 1298
},
"46876.168": {
"url": "https://basecamp.com/assets/fonts/Graphik-SemiboldItalic-Cy-Gr-Web.woff2",
"children": {},
"transferSize": 57300,
"navStartToEndTime": 1298
}
},
"transferSize": 474,
"navStartToEndTime": 705
},
"46876.5": {
"url": "https://basecamp.com/assets/css/elements.css?v=1.5.1",
"children": {},
"transferSize": 1365,
"navStartToEndTime": 705
},
"46876.6": {
"url": "https://basecamp.com/assets/css/scroll-snap.css?v=1.5.1",
"children": {},
"transferSize": 838,
"navStartToEndTime": 710
},
"46876.7": {
"url": "https://basecamp.com/assets/css/space.css?v=1.5.1",
"children": {},
"transferSize": 303,
"navStartToEndTime": 705
},
"46876.8": {
"url": "https://basecamp.com/assets/css/activity-map.css?v=1.5.1",
"children": {},
"transferSize": 1644,
"navStartToEndTime": 710
},
"46876.9": {
"url": "https://basecamp.com/assets/css/blockquotes.css?v=1.5.1",
"children": {},
"transferSize": 957,
"navStartToEndTime": 710
},
"46876.10": {
"url": "https://basecamp.com/assets/css/books.css?v=1.5.1",
"children": {},
"transferSize": 629,
"navStartToEndTime": 711
},
"46876.11": {
"url": "https://basecamp.com/assets/css/bootstrapped.css?v=1.5.1",
"children": {},
"transferSize": 1216,
"navStartToEndTime": 713
},
"46876.12": {
"url": "https://basecamp.com/assets/css/button.css?v=1.5.1",
"children": {},
"transferSize": 1146,
"navStartToEndTime": 713
},
"46876.13": {
"url": "https://basecamp.com/assets/css/buttons.css?v=1.5.1",
"children": {},
"transferSize": 202,
"navStartToEndTime": 714
},
"46876.14": {
"url": "https://basecamp.com/assets/css/command.css?v=1.5.1",
"children": {},
"transferSize": 1037,
"navStartToEndTime": 713
},
"46876.15": {
"url": "https://basecamp.com/assets/css/content.css?v=1.5.1",
"children": {},
"transferSize": 2349,
"navStartToEndTime": 720
},
"46876.16": {
"url": "https://basecamp.com/assets/css/cursor.css?v=1.5.1",
"children": {},
"transferSize": 298,
"navStartToEndTime": 715
},
"46876.17": {
"url": "https://basecamp.com/assets/css/data-classes.css?v=1.5.1",
"children": {},
"transferSize": 968,
"navStartToEndTime": 719
},
"46876.18": {
"url": "https://basecamp.com/assets/css/data-display.css?v=1.5.1",
"children": {},
"transferSize": 222,
"navStartToEndTime": 720
},
"46876.19": {
"url": "https://basecamp.com/assets/css/details.css?v=1.5.1",
"children": {},
"transferSize": 1237,
"navStartToEndTime": 726
},
"46876.20": {
"url": "https://basecamp.com/assets/css/figure.css?v=1.5.1",
"children": {},
"transferSize": 531,
"navStartToEndTime": 726
},
"46876.21": {
"url": "https://basecamp.com/assets/css/footer.css?v=1.5.1",
"children": {},
"transferSize": 1185,
"navStartToEndTime": 726
},
"46876.22": {
"url": "https://basecamp.com/assets/css/frame.css?v=1.5.1",
"children": {},
"transferSize": 350,
"navStartToEndTime": 742
},
"46876.23": {
"url": "https://basecamp.com/assets/css/headline.css?v=1.5.1",
"children": {},
"transferSize": 903,
"navStartToEndTime": 726
},
"46876.24": {
"url": "https://basecamp.com/assets/css/help.css?v=1.5.1",
"children": {},
"transferSize": 786,
"navStartToEndTime": 726
},
"46876.25": {
"url": "https://basecamp.com/assets/css/highlight.css?v=1.5.1",
"children": {},
"transferSize": 187,
"navStartToEndTime": 728
},
"46876.26": {
"url": "https://basecamp.com/assets/css/integrations.css?v=1.5.1",
"children": {},
"transferSize": 1167,
"navStartToEndTime": 727
},
"46876.27": {
"url": "https://basecamp.com/assets/css/intro.css?v=1.5.1",
"children": {},
"transferSize": 2208,
"navStartToEndTime": 728
},
"46876.28": {
"url": "https://basecamp.com/assets/css/layout.css?v=1.5.1",
"children": {},
"transferSize": 1079,
"navStartToEndTime": 732
},
"46876.29": {
"url": "https://basecamp.com/assets/css/learn.css?v=1.5.1",
"children": {},
"transferSize": 1189,
"navStartToEndTime": 728
},
"46876.30": {
"url": "https://basecamp.com/assets/css/logo.css?v=1.5.1",
"children": {},
"transferSize": 970,
"navStartToEndTime": 732
},
"46876.31": {
"url": "https://basecamp.com/assets/css/main.css?v=1.5.1",
"children": {},
"transferSize": 282,
"navStartToEndTime": 732
},
"46876.32": {
"url": "https://basecamp.com/assets/css/modal.css?v=1.5.1",
"children": {},
"transferSize": 1180,
"navStartToEndTime": 741
},
"46876.33": {
"url": "https://basecamp.com/assets/css/nav.css?v=1.5.1",
"children": {},
"transferSize": 1732,
"navStartToEndTime": 741
},
"46876.34": {
"url": "https://basecamp.com/assets/css/newsletter.css?v=1.5.1",
"children": {},
"transferSize": 1279,
"navStartToEndTime": 741
},
"46876.35": {
"url": "https://basecamp.com/assets/css/path.css?v=1.5.1",
"children": {},
"transferSize": 2181,
"navStartToEndTime": 741
},
"46876.36": {
"url": "https://basecamp.com/assets/css/paths-nav.css?v=1.5.1",
"children": {},
"transferSize": 1845,
"navStartToEndTime": 741
},
"46876.37": {
"url": "https://basecamp.com/assets/css/paths.css?v=1.5.1",
"children": {},
"transferSize": 754,
"navStartToEndTime": 742
},
"46876.38": {
"url": "https://basecamp.com/assets/css/pricing.css?v=1.5.1",
"children": {},
"transferSize": 4028,
"navStartToEndTime": 742
},
"46876.39": {
"url": "https://basecamp.com/assets/css/project.css?v=1.5.1",
"children": {},
"transferSize": 2623,
"navStartToEndTime": 742
},
"46876.40": {
"url": "https://basecamp.com/assets/css/roadblock.css?v=1.5.1",
"children": {},
"transferSize": 706,
"navStartToEndTime": 741
},
"46876.41": {
"url": "https://basecamp.com/assets/css/rule.css?v=1.5.1",
"children": {},
"transferSize": 686,
"navStartToEndTime": 759
},
"46876.42": {
"url": "https://basecamp.com/assets/css/signature.css?v=1.5.1",
"children": {},
"transferSize": 885,
"navStartToEndTime": 757
},
"46876.43": {
"url": "https://basecamp.com/assets/css/signup.css?v=1.5.1",
"children": {},
"transferSize": 698,
"navStartToEndTime": 758
},
"46876.44": {
"url": "https://basecamp.com/assets/css/support.css?v=1.5.1",
"children": {},
"transferSize": 1628,
"navStartToEndTime": 759
},
"46876.45": {
"url": "https://basecamp.com/assets/css/table.css?v=1.5.1",
"children": {},
"transferSize": 1065,
"navStartToEndTime": 760
},
"46876.46": {
"url": "https://basecamp.com/assets/css/theme.css?v=1.5.1",
"children": {},
"transferSize": 726,
"navStartToEndTime": 759
},
"46876.47": {
"url": "https://basecamp.com/assets/css/tracking.css?v=1.5.1",
"children": {},
"transferSize": 837,
"navStartToEndTime": 760
},
"46876.48": {
"url": "https://basecamp.com/assets/css/video-trigger.css?v=1.5.1",
"children": {},
"transferSize": 1164,
"navStartToEndTime": 760
},
"46876.49": {
"url": "https://basecamp.com/assets/css/video.css?v=1.5.1",
"children": {},
"transferSize": 715,
"navStartToEndTime": 760
},
"46876.50": {
"url": "https://basecamp.com/assets/js/packages/cookie.js?v=1.5.1",
"children": {},
"transferSize": 956,
"navStartToEndTime": 761
},
"46876.51": {
"url": "https://basecamp.com/assets/js/application.js?v=1.5.1",
"children": {
"46876.188": {
"url": "https://basecamp.com/assets/js/packages/stimulus.js",
"children": {},
"transferSize": 24289,
"navStartToEndTime": 1173
},
"46876.189": {
"url": "https://basecamp.com/assets/js/controllers/signup_controller.js",
"children": {},
"transferSize": 1157,
"navStartToEndTime": 1173
},
"46876.190": {
"url": "https://basecamp.com/assets/js/controllers/tracking_controller.js",
"children": {},
"transferSize": 2841,
"navStartToEndTime": 1176
},
"46876.191": {
"url": "https://basecamp.com/assets/js/controllers/engaged_session_controller.js",
"children": {},
"transferSize": 896,
"navStartToEndTime": 1176
},
"46876.192": {
"url": "https://basecamp.com/assets/js/controllers/activity_map_controller.js",
"children": {
"46876.213": {
"url": "https://basecamp.com/assets/js/modules/activity_map_simulation.js",
"children": {
"46876.214": {
"url": "https://basecamp.com/assets/js/modules/world_land.js",
"children": {},
"transferSize": 9743,
"navStartToEndTime": 1421
}
},
"transferSize": 7168,
"navStartToEndTime": 1309
}
},
"transferSize": 4556,
"navStartToEndTime": 1177
},
"46876.193": {
"url": "https://basecamp.com/assets/js/controllers/active_count_controller.js",
"children": {
"46876.211": {
"url": "https://basecamp.com/assets/js/modules/live_count_poll.js",
"children": {
"46876.217": {
"url": "https://dash.37signals.com/statistics/bc5/live_usage_total.json",
"children": {},
"isLongest": true,
"transferSize": 182,
"navStartToEndTime": 2116
}
},
"isLongest": true,
"transferSize": 1656,
"navStartToEndTime": 1309
},
"46876.212": {
"url": "https://basecamp.com/assets/js/packages/number-flow.js",
"children": {},
"transferSize": 7793,
"navStartToEndTime": 1310
}
},
"isLongest": true,
"transferSize": 1382,
"navStartToEndTime": 1176
}
},
"isLongest": true,
"transferSize": 859,
"navStartToEndTime": 761
},
"46876.52": {
"url": "https://basecamp.com/assets/js/script.js?v=1.5.1",
"children": {
"46876.194": {
"url": "https://basecamp.com/assets/js/modules/body.js?v=1.4.7",
"children": {},
"transferSize": 922,
"navStartToEndTime": 1179
},
"46876.195": {
"url": "https://basecamp.com/assets/js/modules/cancel.js?v=1.4.7",
"children": {},
"transferSize": 714,
"navStartToEndTime": 1183
},
"46876.196": {
"url": "https://basecamp.com/assets/js/modules/classes.js?v=1.4.7",
"children": {
"46876.215": {
"url": "https://dash.37signals.com/support/classes/export.json",
"children": {},
"transferSize": 5551,
"navStartToEndTime": 2089
}
},
"transferSize": 1417,
"navStartToEndTime": 1185
},
"46876.197": {
"url": "https://basecamp.com/assets/js/modules/command.js?v=1.4.7",
"children": {},
"transferSize": 565,
"navStartToEndTime": 1193
},
"46876.198": {
"url": "https://basecamp.com/assets/js/modules/dataDisplay.js?v=1.4.7",
"children": {},
"transferSize": 932,
"navStartToEndTime": 1298
},
"46876.199": {
"url": "https://basecamp.com/assets/js/modules/details.js?v=1.4.7",
"children": {},
"transferSize": 532,
"navStartToEndTime": 1193
},
"46876.200": {
"url": "https://basecamp.com/assets/js/modules/intro.js?v=1.4.7",
"children": {},
"transferSize": 1129,
"navStartToEndTime": 1194
},
"46876.201": {
"url": "https://basecamp.com/assets/js/modules/modal.js?v=1.4.7",
"children": {},
"transferSize": 1751,
"navStartToEndTime": 1194
},
"46876.202": {
"url": "https://basecamp.com/assets/js/modules/newsletter.js?v=1.4.7",
"children": {},
"transferSize": 696,
"navStartToEndTime": 1194
},
"46876.203": {
"url": "https://basecamp.com/assets/js/modules/paths.js?v=1.4.7",
"children": {},
"transferSize": 992,
"navStartToEndTime": 1192
},
"46876.204": {
"url": "https://basecamp.com/assets/js/modules/pricing.js?v=1.4.7",
"children": {},
"transferSize": 2144,
"navStartToEndTime": 1194
},
"46876.205": {
"url": "https://basecamp.com/assets/js/modules/project.js?v=1.4.7",
"children": {},
"transferSize": 607,
"navStartToEndTime": 1192
},
"46876.206": {
"url": "https://basecamp.com/assets/js/modules/scrollSnap.js?v=1.4.7",
"children": {},
"transferSize": 666,
"navStartToEndTime": 1297
},
"46876.207": {
"url": "https://basecamp.com/assets/js/modules/signup.js?v=1.4.7",
"children": {},
"transferSize": 393,
"navStartToEndTime": 1194
},
"46876.208": {
"url": "https://basecamp.com/assets/js/modules/theme.js?v=1.4.7",
"children": {},
"transferSize": 565,
"navStartToEndTime": 1194
},
"46876.209": {
"url": "https://basecamp.com/assets/js/modules/video.js?v=1.4.7",
"children": {},
"transferSize": 627,
"navStartToEndTime": 1192
}
},
"transferSize": 543,
"navStartToEndTime": 761
}
},
"isLongest": true,
"transferSize": 18168,
"navStartToEndTime": 577
}
},
"longestChain": {
"duration": 2116
}
}
},
{
"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."
}
]
}Render-blocking requests
Est savings of 400 ms
Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://basecamp.com/assets/js/packages/cookie.js?v=1.5.1",
"totalBytes": 956
},
{
"url": "https://basecamp.com/assets/css/video.css?v=1.5.1",
"totalBytes": 715
},
{
"url": "https://basecamp.com/assets/css/video-trigger.css?v=1.5.1",
"totalBytes": 1164
},
{
"url": "https://basecamp.com/assets/css/table.css?v=1.5.1",
"totalBytes": 1065
},
{
"url": "https://basecamp.com/assets/css/tracking.css?v=1.5.1",
"totalBytes": 837
},
{
"url": "https://basecamp.com/assets/css/support.css?v=1.5.1",
"totalBytes": 1628
},
{
"url": "https://basecamp.com/assets/css/rule.css?v=1.5.1",
"totalBytes": 686
},
{
"url": "https://basecamp.com/assets/css/theme.css?v=1.5.1",
"totalBytes": 726
},
{
"url": "https://basecamp.com/assets/css/signup.css?v=1.5.1",
"totalBytes": 698
},
{
"url": "https://basecamp.com/assets/css/signature.css?v=1.5.1",
"totalBytes": 885
},
{
"url": "https://basecamp.com/assets/css/paths.css?v=1.5.1",
"totalBytes": 754
},
{
"url": "https://basecamp.com/assets/css/frame.css?v=1.5.1",
"totalBytes": 350
},
{
"url": "https://basecamp.com/assets/css/project.css?v=1.5.1",
"totalBytes": 2623
},
{
"url": "https://basecamp.com/assets/css/pricing.css?v=1.5.1",
"totalBytes": 4028
},
{
"url": "https://basecamp.com/assets/css/path.css?v=1.5.1",
"totalBytes": 2181
},
{
"url": "https://basecamp.com/assets/css/roadblock.css?v=1.5.1",
"totalBytes": 706
},
{
"url": "https://basecamp.com/assets/css/paths-nav.css?v=1.5.1",
"totalBytes": 1845
},
{
"url": "https://basecamp.com/assets/css/modal.css?v=1.5.1",
"totalBytes": 1180
},
{
"url": "https://basecamp.com/assets/css/newsletter.css?v=1.5.1",
"totalBytes": 1279
},
{
"url": "https://basecamp.com/assets/css/nav.css?v=1.5.1",
"totalBytes": 1732
},
{
"url": "https://basecamp.com/assets/css/main.css?v=1.5.1",
"totalBytes": 282
},
{
"url": "https://basecamp.com/assets/css/logo.css?v=1.5.1",
"totalBytes": 970
},
{
"url": "https://basecamp.com/assets/css/layout.css?v=1.5.1",
"wastedMs": 440,
"totalBytes": 1079
},
{
"url": "https://basecamp.com/assets/css/highlight.css?v=1.5.1",
"totalBytes": 187
},
{
"url": "https://basecamp.com/assets/css/intro.css?v=1.5.1",
"totalBytes": 2208
},
{
"url": "https://basecamp.com/assets/css/learn.css?v=1.5.1",
"totalBytes": 1189
},
{
"url": "https://basecamp.com/assets/css/integrations.css?v=1.5.1",
"totalBytes": 1167
},
{
"url": "https://basecamp.com/assets/css/help.css?v=1.5.1",
"totalBytes": 786
},
{
"url": "https://basecamp.com/assets/css/details.css?v=1.5.1",
"totalBytes": 1237
},
{
"url": "https://basecamp.com/assets/css/headline.css?v=1.5.1",
"totalBytes": 903
},
{
"url": "https://basecamp.com/assets/css/footer.css?v=1.5.1",
"totalBytes": 1185
},
{
"url": "https://basecamp.com/assets/css/figure.css?v=1.5.1",
"totalBytes": 531
},
{
"url": "https://basecamp.com/assets/css/content.css?v=1.5.1",
"totalBytes": 2349
},
{
"url": "https://basecamp.com/assets/css/data-display.css?v=1.5.1",
"totalBytes": 222
},
{
"url": "https://basecamp.com/assets/css/data-classes.css?v=1.5.1",
"totalBytes": 968
},
{
"url": "https://basecamp.com/assets/css/cursor.css?v=1.5.1",
"totalBytes": 298
},
{
"url": "https://basecamp.com/assets/css/buttons.css?v=1.5.1",
"totalBytes": 202
},
{
"url": "https://basecamp.com/assets/css/bootstrapped.css?v=1.5.1",
"totalBytes": 1216
},
{
"url": "https://basecamp.com/assets/css/command.css?v=1.5.1",
"totalBytes": 1037
},
{
"url": "https://basecamp.com/assets/css/button.css?v=1.5.1",
"totalBytes": 1146
},
{
"url": "https://basecamp.com/assets/css/scroll-snap.css?v=1.5.1",
"totalBytes": 838
},
{
"url": "https://basecamp.com/assets/css/books.css?v=1.5.1",
"totalBytes": 629
},
{
"url": "https://basecamp.com/assets/css/blockquotes.css?v=1.5.1",
"totalBytes": 957
},
{
"url": "https://basecamp.com/assets/css/activity-map.css?v=1.5.1",
"totalBytes": 1644
},
{
"url": "https://basecamp.com/assets/css/root.css?v=1.5.1",
"totalBytes": 1987
},
{
"url": "https://basecamp.com/assets/css/space.css?v=1.5.1",
"totalBytes": 303
},
{
"url": "https://basecamp.com/assets/css/elements.css?v=1.5.1",
"totalBytes": 1365
},
{
"url": "https://basecamp.com/assets/css/fonts.css?v=1.5.1",
"totalBytes": 474
},
{
"url": "https://basecamp.com/assets/css/reset.css?v=1.5.1",
"totalBytes": 889
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
},
{
"key": "wastedMs",
"label": "Duration",
"valueType": "timespanMs"
}
]
}测试环境与原始指标
{
"finalUrl": "https://basecamp.com/",
"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": 4725.3099999999995
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0.04978363295197124
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 1.5
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 2527.6549999999997
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 6154.260515651321
}
]
}01 / 值得借鉴
好设计，具体好在哪
真实界面解释产品范围
同一项目面板同时露出消息、文件、任务与日历，让协作范围具体可见。
链接有补充说明
桌面链接清单在名称后附短句，用户不必逐项打开才知道将看到什么。
02 / 下一步
值得继续打磨的地方
- 01
手机产品截图需支持读细节
完整桌面工作区缩到手机宽度后，面板文字很难辨认。
保留整体截图，同时提供可放大的静态预览或按功能拆开的局部图；不要仅靠一张缩小图解释所有能力。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#fcf7ff文字
#29353c强调
#2377d2字体与尺度
- 标题字体
- Graphik
- 正文字体
- Graphik
- 标题 / 正文
- 41.9054px / 15.2381px
间距与形状
- 区块间距
- 91.4285px
- 组件内距
- 0px
- 卡片圆角
- 0px
- 按钮圆角
- 11.4286px
参数来自页面元素采样，空值表示未取得；不将单个元素的参数当作全站规范。
04 / 检查依据
观察与实测依据
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
转化1 项观察
手机产品截图需支持读细节
完整桌面工作区缩到手机宽度后，面板文字很难辨认。
保留整体截图，同时提供可放大的静态预览或按功能拆开的局部图；不要仅靠一张缩小图解释所有能力。
mobile.png: desktop project overview scaled to phone width
上线4 项观察
没有 HSTS 响应头
中优先级没有 Strict-Transport-Security，第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。
在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。
strict-transport-security missing
没有 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
链接分享预览
Basecamp
Trusted by millions, Basecamp puts everything you need to get work done in one place. It’s the calm, organized way to manage projects, work with clients, and communicate company-wide.
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
请基于 https://basecamp.com 的 2026-09-05T03:24:32.326Z 页面快照优化当前项目。先确认当前实现与快照差异，不要把已变化的内容重新改回旧版。
设计基线
桌面左侧以链接清单介绍价格、版本、功能与理念，右侧直接展示消息板、文件、任务、聊天与日历的项目视图；大标题说明简单可靠的定位，之后进入评价与产品说明。手机将标题和导览入口放前面，再展示项目截图。复刻重点是信息密度和实际产品证据。
{
"colors": [
{
"role": "bg",
"hex": "#fcf7ff"
},
{
"role": "ink",
"hex": "#29353c"
},
{
"role": "accent",
"hex": "#2377d2"
}
],
"fonts": {
"body": "Graphik",
"display": "Graphik",
"stack": [
"Graphik"
]
},
"radius": {
"button": "11.4286px",
"card": "0px",
"field": ""
},
"space": {
"section": "91.4285px",
"card": "0px"
},
"type": {
"h1": "41.9054px",
"body": "15.2381px",
"weight": "600",
"lineHeight": "22.8571px",
"letterSpacing": "-0.942872px"
}
}
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
执行事项
1. 手机产品截图需支持读细节
保留整体截图，同时提供可放大的静态预览或按功能拆开的局部图；不要仅靠一张缩小图解释所有能力。
依据: mobile.png: desktop project overview scaled to phone width
2. 没有 HSTS 响应头
在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。
依据: strict-transport-security missing
3. 没有 Content-Security-Policy
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
依据: content-security-policy missing
4. 没有 X-Content-Type-Options
设置 X-Content-Type-Options: nosniff。
依据: x-content-type-options missing
5. 没有 Referrer-Policy
设置 Referrer-Policy: strict-origin-when-cross-origin。
依据: referrer-policy missing
验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“Sign up free”。
- 保留已有品牌、登录和业务链路，不从静态截图推断交互故障。
- 只修复有证据的项；涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图，并执行相关功能测试。不要声称未经测试的功能已通过。