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.
Page structure & technical metrics
Words
916
Action candidates
7
Images
20
HTML
52 KB
Copy
Title chars
8short
Meta chars
183long
H1
1
H2
6
Action
Primary
Sign up free
Forms
0/ 1 fields
On-site links
62
Off-site links
15
Security & metadata
HTTPS
yes
HSTS
no
CSP
no
nosniff
no
viewport
yes
Icon
yes
JSON-LD
yes
Analytics
no
Page
Scripts
4 ext / 4 inline
Alt
13 missing
Lang
en
Third-party hosts
no
Lighthouse
Simulated mobile · Performance
74 / 100
2026-09-05 · Lab data, not field data.
View details
Simulated mobile · Lab data, not field data
2026-09-05T04:05:31.153Z · Lighthouse 13.4.1
Performance74/ 100
Accessibility93/ 100
Best practices100/ 100
SEO100/ 100
LCP · Largest content4,725 ms
CLS · Layout shift0.050
TBT · Blocking time2 ms
FCP · First content2,528 ms
SI · Speed index6,154 ms
Results vary by server, network and environment, independently of taste/conversion scores. Diagnostics retain Lighthouse wording.
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
Elements & resources
{
"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.
Elements & resources
{
"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.
Elements & resources
{
"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.
Elements & resources
{
"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.
Elements & resources
{
"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.
Elements & resources
{
"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
Elements & resources
{
"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
Elements & resources
{
"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.
Elements & resources
{
"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.
Elements & resources
{
"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"
}
]
}Environment & raw metrics
{
"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 / WHAT WORKS
What makes it work
The interface explains product scope
Messages, files, tasks and calendar are visible in one project panel, making the scope concrete.
Links include explanatory context
Desktop links include short descriptions, clarifying destinations before users open them.
02 / NEXT STEPS
Where to go next
- 01
Let mobile visitors inspect details
The full desktop workspace becomes difficult to read at phone width.
Keep the overview but provide an enlarged static preview or feature crops rather than relying on one reduced image to explain everything.
03 / DESIGN LANGUAGE
A design system you can reuse
Colors
Background
#fcf7ffText
#29353cAccent
#2377d2Typography
- Display font
- Graphik
- Body font
- Graphik
- Heading / body
- 41.9054px / 15.2381px
Spacing & shape
- Section gap
- 91.4285px
- Component inset
- 0px
- Card radius
- 0px
- Button radius
- 11.4286px
Parameters are element samples. Empty values are unknown, and individual samples are not site-wide rules.
04 / EVIDENCE
The detail behind the report
Values come from one capture. Fonts, radii and spacing are element samples, not a universal site-wide specification. Empty values are unknown. HTML bytes are source size, not compressed transfer size; script counts are DOM tags, not network requests.
Conversion1 observations
Let mobile visitors inspect details
The full desktop workspace becomes difficult to read at phone width.
Keep the overview but provide an enlarged static preview or feature crops rather than relying on one reduced image to explain everything.
mobile.png: desktop project overview scaled to phone width
Launch4 observations
No HSTS header
MediumWithout Strict-Transport-Security, a first visit can still be downgraded to http. Browsers will not pin HTTPS.
Set Strict-Transport-Security: max-age=31536000; includeSubDomains at the edge.
strict-transport-security missing
No Content-Security-Policy
A CSP is the standard way to limit script sources. Vibe-coded pages often load anything, including injected scripts.
Start with a report-only CSP, then default-src 'self' and an explicit script-src.
content-security-policy missing
No X-Content-Type-Options
Without nosniff, browsers may interpret a file as a different type than you sent. It is a one-line header.
Set X-Content-Type-Options: nosniff.
x-content-type-options missing
No Referrer-Policy
The default referrer can leak internal paths and query strings to third parties.
Set Referrer-Policy: strict-origin-when-cross-origin.
referrer-policy missing
Link preview
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 / MAKE IT HAPPEN
Give your AI a clear next step
Use the improvement prompt for this page, or the design prompt to borrow its visual language. “Recreate” includes references and implementation steps. Paste either into your coding assistant.
Preview full instructions
Improve the current project using the 2026-09-05T03:24:32.326Z snapshot of https://basecamp.com. First identify changes since capture; do not revert newer behavior to the old snapshot.
Design baseline
Desktop uses a left link list for pricing, releases, features and philosophy beside a project view containing messages, files, tasks, chat and calendar. A substantial headline states the straightforward positioning before testimonials and product explanations. Mobile leads with the headline and tour action, then the project screenshot. Adapt the information density and product evidence.
{
"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"
}
}
Values come from one capture. Fonts, radii and spacing are element samples, not a universal site-wide specification. Empty values are unknown. HTML bytes are source size, not compressed transfer size; script counts are DOM tags, not network requests.
Actions
1. Let mobile visitors inspect details
Keep the overview but provide an enlarged static preview or feature crops rather than relying on one reduced image to explain everything.
Evidence: mobile.png: desktop project overview scaled to phone width
2. No HSTS header
Set Strict-Transport-Security: max-age=31536000; includeSubDomains at the edge.
Evidence: strict-transport-security missing
3. No Content-Security-Policy
Start with a report-only CSP, then default-src 'self' and an explicit script-src.
Evidence: content-security-policy missing
4. No X-Content-Type-Options
Set X-Content-Type-Options: nosniff.
Evidence: x-content-type-options missing
5. No Referrer-Policy
Set Referrer-Policy: strict-origin-when-cross-origin.
Evidence: referrer-policy missing
Acceptance
- Check text, layout and the main action “Sign up free” at 1440×900 and 390×844.
- Preserve branding, authentication and business behavior. A screenshot does not prove broken interaction.
- Change only evidence-backed issues. Validate security headers against existing resources and authentication in report-only mode where supported.
- Compare before/after screenshots and run relevant functional tests. Do not claim untested behavior passed.