Max Potential First Input Delay
2,040 ms
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
页面构成与技术指标
正文
614
操作候选
21
图片
20
HTML
1398 KB
文案
标题字数
43
摘要字数
120
H1
1
H2
9
动作
主要入口
Get started – free
表单
0
站内链接
98
站外链接
0
安全与页面元信息
HTTPS
有
HSTS
有
CSP
有
nosniff
无
viewport
有
图标
有
JSON-LD
有
统计
PostHog
构成
Tailwind
脚本
23 ext / 5 inline
Alt
14 missing
语言
en
第三方域
无
Lighthouse
移动端模拟 · 性能评分
21 / 100
2026-09-05 · 实验室数据，非真实用户体验数据。
查看详情
移动端模拟 · 实验室数据，非真实用户体验数据
2026-09-05T04:03:08.356Z · Lighthouse 13.4.1
性能21/ 100
可访问性84/ 100
最佳实践88/ 100
SEO92/ 100
LCP · 主要内容出现37,436 ms
CLS · 布局偏移0.226
TBT · 主线程阻塞3,271 ms
FCP · 首次内容绘制2,493 ms
SI · 视觉加载速度12,601 ms
分数会受服务器、网络和测试环境影响，独立于品味／转化评分。诊断保留 Lighthouse 原文。
Browser errors were logged to the console
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit
对应元素与资源
{
"type": "table",
"items": [
{
"source": "rendering",
"description": "Error: <svg> attribute width: Expected length, \"auto\".",
"sourceLocation": {
"url": "https://posthog.com/",
"line": 4,
"type": "source-location",
"column": 0,
"urlProvider": "network"
}
},
{
"source": "rendering",
"description": "Error: <svg> attribute width: Expected length, \"auto\".",
"sourceLocation": {
"url": "https://posthog.com/",
"line": 4,
"type": "source-location",
"column": 0,
"urlProvider": "network"
}
},
{
"source": "rendering",
"description": "Error: <svg> attribute width: Expected length, \"auto\".",
"sourceLocation": {
"url": "https://posthog.com/",
"line": 75,
"type": "source-location",
"column": 0,
"urlProvider": "network"
}
},
{
"source": "rendering",
"description": "Error: <svg> attribute width: Expected length, \"auto\".",
"sourceLocation": {
"url": "https://posthog.com/",
"line": 75,
"type": "source-location",
"column": 0,
"urlProvider": "network"
}
}
],
"headings": [
{
"key": "sourceLocation",
"label": "Source",
"valueType": "source-location"
},
{
"key": "description",
"label": "Description",
"valueType": "code"
}
]
}Time to Interactive
37.5 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.
Serves images with low resolution
Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image clarity. Learn how to provide responsive images.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://res.cloudinary.com/dmukukwp6/image/upload/c_scale,w_180/v1/posthog.com/src/components/EU/images/ursula",
"node": {
"lhId": "1-130-IMG",
"path": "1,HTML,1,BODY,9,DIV,2,DIV,1,OL,0,LI,0,DIV,2,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/c_scale,w_180/v1/posthog…\" alt=\"Ursula von der Leyen, President of the European Commission\" class=\"\">",
"selector": "div.not-prose > div.absolute > div.inline-block > img",
"nodeLabel": "Ursula von der Leyen, President of the European Commission",
"boundingRect": {
"top": 433,
"left": 231,
"right": 411,
"width": 180,
"bottom": 514,
"height": 81
}
},
"actualSize": "180 x 81",
"actualPixels": 14580,
"expectedSize": "270 x 122",
"displayedSize": "180 x 81",
"expectedPixels": 32940
}
],
"headings": [
{
"key": "node",
"label": "",
"valueType": "node"
},
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "displayedSize",
"label": "Displayed size",
"valueType": "text"
},
{
"key": "actualSize",
"label": "Actual size",
"valueType": "text"
},
{
"key": "expectedSize",
"label": "Expected size",
"valueType": "text"
}
]
}Minimize main-thread work
9.3 s
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
对应元素与资源
{
"type": "table",
"items": [
{
"group": "scriptEvaluation",
"duration": 6380.695999999819,
"groupLabel": "Script Evaluation"
},
{
"group": "other",
"duration": 1411.167999999982,
"groupLabel": "Other"
},
{
"group": "scriptParseCompile",
"duration": 740.3079999999999,
"groupLabel": "Script Parsing & Compilation"
},
{
"group": "styleLayout",
"duration": 462.22400000000005,
"groupLabel": "Style & Layout"
},
{
"group": "paintCompositeRender",
"duration": 185.83999999999884,
"groupLabel": "Rendering"
},
{
"group": "garbageCollection",
"duration": 98.58000000000028,
"groupLabel": "Garbage Collection"
},
{
"group": "parseHTML",
"duration": 71.17600000000002,
"groupLabel": "Parse HTML & CSS"
}
],
"headings": [
{
"key": "groupLabel",
"label": "Category",
"valueType": "text"
},
{
"key": "duration",
"label": "Time Spent",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"duration"
]
}Reduce JavaScript execution time
6.9 s
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://us-assets.i.posthog.com/static/1/array.js",
"total": 4383.611999999984,
"scripting": 4315.403999999984,
"scriptParseCompile": 16.584
},
{
"url": "https://posthog.com/app-12f4ce35de710020c41a.js",
"total": 2286.0639999999776,
"scripting": 1483.015999999977,
"scriptParseCompile": 538.2639999999999
},
{
"url": "Unattributable",
"total": 1289.4479999999965,
"scripting": 393.73600000000323,
"scriptParseCompile": 0
},
{
"url": "https://posthog.com/",
"total": 741.8919999999999,
"scripting": 29.29599999999993,
"scriptParseCompile": 3.8640000000000003
},
{
"url": "https://us-assets.i.posthog.com/static/1.427.2/posthog-recorder.js",
"total": 371.87599999999975,
"scripting": 82.59599999999995,
"scriptParseCompile": 12.024
}
],
"summary": {
"wastedMs": 6874.783999999964
},
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "total",
"label": "Total CPU Time",
"valueType": "ms",
"granularity": 1
},
{
"key": "scripting",
"label": "Script Evaluation",
"valueType": "ms",
"granularity": 1
},
{
"key": "scriptParseCompile",
"label": "Script Parse",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"total"
]
}Avoid large layout shifts
5 layout shifts found
These are the largest layout shifts observed on the page. Each table item represents a single layout shift, and shows the element that shifted the most. Below each item are possible root causes that led to the layout shift. Some of these layout shifts may not be included in the CLS metric value due to windowing. Learn how to improve CLS
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "page-6-OL",
"path": "1,HTML,1,BODY,9,DIV,2,DIV,1,OL",
"type": "node",
"snippet": "<ol tabindex=\"-1\" class=\"fixed bottom-4 right-4 z-50 flex flex-col gap-2 sm:w-[390px] max-w-[calc(1…\" data-radix-toast-viewport=\"true\">",
"selector": "body.light > div#___gatsby > div > ol.fixed",
"nodeLabel": "Legally-required cookie banner\n\nPostHog.com doesn't use third-party cookies, on…",
"boundingRect": {
"top": 334,
"left": 16,
"right": 396,
"width": 380,
"bottom": 807,
"height": 473
}
},
"score": 0.2263343736226506,
"subItems": {
"type": "subitems",
"items": [
{
"cause": "Media element lacking an explicit size",
"extra": {
"lhId": "page-2-IMG",
"path": "1,HTML,1,BODY,9,DIV,2,DIV,1,OL,0,LI,0,DIV,2,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/c_scale,w_180/v1/posthog…\" alt=\"Ursula von der Leyen, President of the European Commission\" class=\"\">",
"selector": "div.not-prose > div.absolute > div.inline-block > img",
"nodeLabel": "Ursula von der Leyen, President of the European Commission",
"boundingRect": {
"top": 433,
"left": 231,
"right": 411,
"width": 180,
"bottom": 514,
"height": 81
}
}
}
]
}
},
{
"node": {
"lhId": "page-6-OL",
"path": "1,HTML,1,BODY,9,DIV,2,DIV,1,OL",
"type": "node",
"snippet": "<ol tabindex=\"-1\" class=\"fixed bottom-4 right-4 z-50 flex flex-col gap-2 sm:w-[390px] max-w-[calc(1…\" data-radix-toast-viewport=\"true\">",
"selector": "body.light > div#___gatsby > div > ol.fixed",
"nodeLabel": "Legally-required cookie banner\n\nPostHog.com doesn't use third-party cookies, on…",
"boundingRect": {
"top": 334,
"left": 16,
"right": 396,
"width": 380,
"bottom": 807,
"height": 473
}
},
"score": 0.1014015832921796
},
{
"node": {
"lhId": "page-9-DIV",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,1,DIV",
"type": "node",
"snippet": "<div class=\"@container mb-4\">",
"selector": "div.@container/reader-content > div.reader-content-container > div.space-y-12 > div.@container",
"nodeLabel": "Ask PostHog anything\nFix bugs from Slack\nAutomatic improvements\nIan Vanagas: th…",
"boundingRect": {
"top": 821,
"left": 24,
"right": 388,
"width": 364,
"bottom": 1704,
"height": 882
}
},
"score": 0.04729384541610452,
"subItems": {
"type": "subitems",
"items": [
{
"cause": "Media element lacking an explicit size",
"extra": {
"lhId": "page-1-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/posthog_ai_light_f654818…\" alt=\"PostHog AI screenshot\" class=\"rounded shadow-2xl border border-primary\">",
"selector": "div.grid > div.flex > div.inline-block > img.rounded",
"nodeLabel": "PostHog AI screenshot",
"boundingRect": {
"top": 0,
"left": 0,
"right": 0,
"width": 0,
"bottom": 0,
"height": 0
}
}
}
]
}
},
{
"node": {
"lhId": "page-8-DIV",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV",
"type": "node",
"snippet": "<div class=\"inline-block \">",
"selector": "div.@container > div.grid > div.flex > div.inline-block",
"nodeLabel": "PostHog AI screenshot",
"boundingRect": {
"top": 0,
"left": 0,
"right": 0,
"width": 0,
"bottom": 0,
"height": 0
}
},
"score": 0.00913443750005644,
"subItems": {
"type": "subitems",
"items": [
{
"cause": "Media element lacking an explicit size",
"extra": {
"lhId": "page-1-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/posthog_ai_light_f654818…\" alt=\"PostHog AI screenshot\" class=\"rounded shadow-2xl border border-primary\">",
"selector": "div.grid > div.flex > div.inline-block > img.rounded",
"nodeLabel": "PostHog AI screenshot",
"boundingRect": {
"top": 0,
"left": 0,
"right": 0,
"width": 0,
"bottom": 0,
"height": 0
}
}
}
]
}
},
{
"node": {
"lhId": "page-4-ASIDE",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,1,ASIDE",
"type": "node",
"snippet": "<aside data-scheme=\"secondary\" class=\"flex items-center gap-0.5 py-1\">",
"selector": "div.z-50 > div#taskbar > div.mx-auto > aside.flex",
"nodeLabel": "Get started – free",
"boundingRect": {
"top": 8,
"left": 161,
"right": 396,
"width": 235,
"bottom": 48,
"height": 40
}
},
"score": 0.0001084705763230148,
"subItems": {
"type": "subitems",
"items": [
{
"cause": "Web font loaded",
"extra": {
"type": "url",
"value": "https://posthog.com/static/RoundHog-Medium-93eadd6a93e9cba289ce176c2443e545.woff2"
}
},
{
"cause": "Web font loaded",
"extra": {
"type": "url",
"value": "https://posthog.com/static/RoundHog-SemiBold-d86cd114131655b9b47995a1777e9d76.woff2"
}
},
{
"cause": "Web font loaded",
"extra": {
"type": "url",
"value": "https://posthog.com/static/RoundHog-ad20905153cad02fadd7da79ee771d57.woff2"
}
},
{
"cause": "Web font loaded",
"extra": {
"type": "url",
"value": "https://posthog.com/static/RoundHog-Bold-0418cc284def4ebc55a9d2895fd7cc39.woff2"
}
},
{
"cause": "Web font loaded",
"extra": {
"type": "url",
"value": "https://posthog.com/static/RoundHog-Medium-Italic-51c8f3a6b53a4b4e5f6a3d35048e7309.woff2"
}
},
{
"cause": "Web font loaded",
"extra": {
"type": "url",
"value": "https://posthog.com/static/RoundHog-SemiBold-Italic-fdcaa4d6eed2dd1d31952da0d05d8c82.woff2"
}
}
]
}
}
],
"headings": [
{
"key": "node",
"label": "Element",
"valueType": "node",
"subItemsHeading": {
"key": "extra"
}
},
{
"key": "score",
"label": "Layout shift score",
"valueType": "numeric",
"granularity": 0.001,
"subItemsHeading": {
"key": "cause",
"valueType": "text"
}
}
]
}Image elements do not have explicit `width` and `height`
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://res.cloudinary.com/dmukukwp6/image/upload/v1/posthog.com/src/components/Home/images/cloud-cd",
"node": {
"lhId": "1-128-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,8,DIV,2,DIV,1,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/v1/posthog.com/src/compo…\" alt=\"PostHog Web\" class=\"\">",
"selector": "div.relative > div.relative > div.inline-block > img",
"nodeLabel": "PostHog Web",
"boundingRect": {
"top": 6893,
"left": 49,
"right": 363,
"width": 314,
"bottom": 7201,
"height": 308
}
}
},
{
"url": "https://res.cloudinary.com/dmukukwp6/image/upload/steve_hogs_17c7900b07",
"node": {
"lhId": "1-12-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,6,DIV,1,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/steve_hogs_17c7900b07\" class=\"\">",
"selector": "div.space-y-12 > div#why-posthog > div.inline-block > img",
"nodeLabel": "div.space-y-12 > div#why-posthog > div.inline-block > img",
"boundingRect": {
"top": 5059,
"left": 24,
"right": 324,
"width": 300,
"bottom": 5296,
"height": 237
}
}
},
{
"url": "https://res.cloudinary.com/dmukukwp6/image/upload/night_hog_219fff00f3",
"node": {
"lhId": "1-13-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,7,DIV,1,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/night_hog_219fff00f3\" class=\"\">",
"selector": "div.space-y-12 > div#bedtime-reading > div.inline-block > img",
"nodeLabel": "div.space-y-12 > div#bedtime-reading > div.inline-block > img",
"boundingRect": {
"top": 5811,
"left": 14,
"right": 374,
"width": 360,
"bottom": 6079,
"height": 268
}
}
},
{
"url": "https://res.cloudinary.com/dmukukwp6/image/upload/hogmillionaire_6a6c2c958d",
"node": {
"lhId": "1-11-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,5,DIV,1,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/hogmillionaire_6a6c2c958d\" class=\"\">",
"selector": "div.space-y-12 > div#pricing > div.inline-block > img",
"nodeLabel": "div.space-y-12 > div#pricing > div.inline-block > img",
"boundingRect": {
"top": 3992,
"left": 268,
"right": 388,
"width": 120,
"bottom": 4102,
"height": 110
}
}
},
{
"url": "https://res.cloudinary.com/dmukukwp6/image/upload/v1/posthog.com/src/components/Home/images/g2-badge",
"node": {
"lhId": "1-129-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,8,DIV,2,DIV,1,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/v1/posthog.com/src/compo…\" alt=\"People on G2 think we're great\" class=\"\">",
"selector": "div.relative > div.absolute > div.inline-block > img",
"nodeLabel": "People on G2 think we're great",
"boundingRect": {
"top": 7147,
"left": 41,
"right": 131,
"width": 90,
"bottom": 7264,
"height": 117
}
}
},
{
"url": "https://res.cloudinary.com/dmukukwp6/image/upload/haha_bizzniss_5bc44659ec",
"node": {
"lhId": "1-14-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,8,DIV,2,DIV,0,DIV,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/haha_bizzniss_5bc44659ec\" class=\"\">",
"selector": "div.absolute > div > div.inline-block > img",
"nodeLabel": "div.absolute > div > div.inline-block > img",
"boundingRect": {
"top": 6752,
"left": 252,
"right": 372,
"width": 120,
"bottom": 6887,
"height": 135
}
}
},
{
"url": "https://res.cloudinary.com/dmukukwp6/image/upload/c_scale,w_180/v1/posthog.com/src/components/EU/images/ursula",
"node": {
"lhId": "1-130-IMG",
"path": "1,HTML,1,BODY,9,DIV,2,DIV,1,OL,0,LI,0,DIV,2,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/c_scale,w_180/v1/posthog…\" alt=\"Ursula von der Leyen, President of the European Commission\" class=\"\">",
"selector": "div.not-prose > div.absolute > div.inline-block > img",
"nodeLabel": "Ursula von der Leyen, President of the European Commission",
"boundingRect": {
"top": 433,
"left": 231,
"right": 411,
"width": 180,
"bottom": 514,
"height": 81
}
}
},
{
"url": "https://posthog.com/brand/posthog-logo.svg",
"node": {
"lhId": "1-126-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,3,DIV,2,DIV,1,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,0,DIV,9,DIV,0,DIV,0,SPAN,0,A,0,IMG",
"type": "node",
"snippet": "<img src=\"/brand/posthog-logo.svg\" alt=\"PostHog\" class=\"h-full w-auto object-contain dark:hidden max-h-10\">",
"selector": "div.w-auto > span > a.relative > img.h-full",
"nodeLabel": "PostHog",
"boundingRect": {
"top": 2567,
"left": 48,
"right": 179,
"width": 131,
"bottom": 2590,
"height": 23
}
}
}
],
"headings": [
{
"key": "node",
"label": "",
"valueType": "node"
},
{
"key": "url",
"label": "URL",
"valueType": "url"
}
]
}Missing source maps for large first-party JavaScript
Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. Learn more about source maps.
对应元素与资源
{
"type": "table",
"items": [
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Large JavaScript file is missing a source map"
},
{
"error": "Error: Timed out fetching resource"
}
]
},
"scriptUrl": "https://posthog.com/app-12f4ce35de710020c41a.js",
"sourceMapUrl": "https://posthog.com/app-12f4ce35de710020c41a.js.map"
},
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Error: Timed out fetching resource"
}
]
},
"scriptUrl": "https://us-assets.i.posthog.com/static/1/array.js",
"sourceMapUrl": "https://us-assets.i.posthog.com/static/1/array.js.map"
},
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Error: Timed out fetching resource"
}
]
},
"scriptUrl": "https://us-assets.i.posthog.com/static/1.427.2/surveys.js",
"sourceMapUrl": "https://us-assets.i.posthog.com/static/1.427.2/surveys.js.map"
},
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Error: Timed out fetching resource"
}
]
},
"scriptUrl": "https://us-assets.i.posthog.com/static/1.427.2/posthog-recorder.js",
"sourceMapUrl": "https://us-assets.i.posthog.com/static/1.427.2/posthog-recorder.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://us-assets.i.posthog.com/static/1.427.2/web-vitals-with-attribution.js",
"sourceMapUrl": "https://us-assets.i.posthog.com/static/1.427.2/web-vitals-with-attribution.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://us-assets.i.posthog.com/static/1.427.2/logs.js",
"sourceMapUrl": "https://us-assets.i.posthog.com/static/1.427.2/logs.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://us-assets.i.posthog.com/static/1.427.2/exception-autocapture.js",
"sourceMapUrl": "https://us-assets.i.posthog.com/static/1.427.2/exception-autocapture.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://us-assets.i.posthog.com/static/1.427.2/dead-clicks-autocapture.js",
"sourceMapUrl": "https://us-assets.i.posthog.com/static/1.427.2/dead-clicks-autocapture.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://us-assets.i.posthog.com/static/1.427.2/conversations.js",
"sourceMapUrl": "https://us-assets.i.posthog.com/static/1.427.2/conversations.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/webpack-runtime-018931131fe3f951f082.js",
"sourceMapUrl": "https://posthog.com/webpack-runtime-018931131fe3f951f082.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/f6c1ab35-0dbef59872206c5217aa.js",
"sourceMapUrl": "https://posthog.com/f6c1ab35-0dbef59872206c5217aa.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/ed1deae8-16c6f4d37d9504ae5abc.js",
"sourceMapUrl": "https://posthog.com/ed1deae8-16c6f4d37d9504ae5abc.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/ddc2d7df-6c0f12990a271afb7f65.js",
"sourceMapUrl": "https://posthog.com/ddc2d7df-6c0f12990a271afb7f65.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/component---src-pages-index-tsx-df04cd20f1c3ba0d8a06.js",
"sourceMapUrl": "https://posthog.com/component---src-pages-index-tsx-df04cd20f1c3ba0d8a06.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/c977122edc19ff50597980cdac58678ef6599b11-7987650d8ac1c8dc1182.js",
"sourceMapUrl": "https://posthog.com/c977122edc19ff50597980cdac58678ef6599b11-7987650d8ac1c8dc1182.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/becacf73-56a0f69e2f247daa185a.js",
"sourceMapUrl": "https://posthog.com/becacf73-56a0f69e2f247daa185a.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/aed920e9-55685e7506166bc4a1f7.js",
"sourceMapUrl": "https://posthog.com/aed920e9-55685e7506166bc4a1f7.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/9b206854-c7ca5ab2f81eeede8838.js",
"sourceMapUrl": "https://posthog.com/9b206854-c7ca5ab2f81eeede8838.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/97c8eb05-70e407f03e371625cd2c.js",
"sourceMapUrl": "https://posthog.com/97c8eb05-70e407f03e371625cd2c.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/9754-831b0d842f336221bd86.js",
"sourceMapUrl": "https://posthog.com/9754-831b0d842f336221bd86.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/507a0916-d6225b717e81e4c3bc38.js",
"sourceMapUrl": "https://posthog.com/507a0916-d6225b717e81e4c3bc38.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/4e5c9a1d4810c5f5c6325835bcfd7f436eb1af7e-bfcb94e3e9ac6cfe92a4.js",
"sourceMapUrl": "https://posthog.com/4e5c9a1d4810c5f5c6325835bcfd7f436eb1af7e-bfcb94e3e9ac6cfe92a4.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/36269b29-b8578072ecfbffd6fad9.js",
"sourceMapUrl": "https://posthog.com/36269b29-b8578072ecfbffd6fad9.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/2286-13d0fdb637a2f1726987.js",
"sourceMapUrl": "https://posthog.com/2286-13d0fdb637a2f1726987.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/1933-0a93947e28e08329be0c.js",
"sourceMapUrl": "https://posthog.com/1933-0a93947e28e08329be0c.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/17c50846-74c8dea247d819a32d77.js",
"sourceMapUrl": "https://posthog.com/17c50846-74c8dea247d819a32d77.js.map"
},
{
"subItems": {
"type": "subitems",
"items": []
},
"scriptUrl": "https://posthog.com/0f8f4022-6f8e6dc6039374c892bd.js",
"sourceMapUrl": "https://posthog.com/0f8f4022-6f8e6dc6039374c892bd.js.map"
}
],
"headings": [
{
"key": "scriptUrl",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "error"
}
},
{
"key": "sourceMapUrl",
"label": "Map URL",
"valueType": "url"
}
]
}Buttons do not have an accessible name
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-0-BUTTON",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,0,DIV,0,BUTTON",
"type": "node",
"snippet": "<button type=\"button\" role=\"menuitem\" id=\"radix-:RbklH1:\" aria-haspopup=\"menu\" aria-expanded=\"false\" data-state=\"closed\" class=\"group flex select-none items-center justify-between gap-0.5 rounded px-1.5…\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">",
"selector": "div#taskbar > div.mx-auto > div.flex > button#radix-:RbklH1:",
"nodeLabel": "div#taskbar > div.mx-auto > div.flex > button#radix-:RbklH1:",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 10,
"left": 10,
"right": 82,
"width": 72,
"bottom": 46,
"height": 36
}
}
},
{
"node": {
"lhId": "1-1-BUTTON",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,1,ASIDE,1,SPAN,0,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"relative items-center rounded rounded border text-primary transition-color…\" state=\"[object Object]\">",
"selector": "aside.flex > span > div.w-auto > button.relative",
"nodeLabel": "aside.flex > span > div.w-auto > button.relative",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 15,
"left": 292,
"right": 322,
"width": 30,
"bottom": 41,
"height": 26
}
}
},
{
"node": {
"lhId": "1-2-BUTTON",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,1,ASIDE,2,SPAN,0,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"relative items-center rounded rounded border text-primary transition-color…\" state=\"[object Object]\">",
"selector": "aside.flex > span > div.w-auto > button.relative",
"nodeLabel": "aside.flex > span > div.w-auto > button.relative",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 15,
"left": 324,
"right": 354,
"width": 30,
"bottom": 41,
"height": 26
}
}
},
{
"node": {
"lhId": "1-3-BUTTON",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,1,ASIDE,3,DIV,0,BUTTON",
"type": "node",
"snippet": "<button type=\"button\" role=\"menuitem\" id=\"radix-:R35klH1:\" aria-haspopup=\"menu\" aria-expanded=\"false\" data-state=\"closed\" class=\"group flex select-none items-center justify-between gap-0.5 rounded px-1.5…\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">",
"selector": "div.mx-auto > aside.flex > div.flex > button#radix-:R35klH1:",
"nodeLabel": "div.mx-auto > aside.flex > div.flex > button#radix-:R35klH1:",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 14,
"left": 356,
"right": 396,
"width": 40,
"bottom": 42,
"height": 28
}
}
},
{
"node": {
"lhId": "1-4-BUTTON",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,SPAN,0,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"relative items-center rounded rounded-full border text-primary transition-…\" state=\"[object Object]\">",
"selector": "div.flex > span > div.w-auto > button.relative",
"nodeLabel": "div.flex > span > div.w-auto > button.relative",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 54,
"left": 372,
"right": 398,
"width": 26,
"bottom": 80,
"height": 26
}
}
},
{
"node": {
"lhId": "1-5-BUTTON",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,3,DIV,2,DIV,1,DIV,1,DIV,0,DIV,0,DIV,1,DIV,0,SPAN,0,BUTTON",
"type": "node",
"snippet": "<button class=\"relative items-center rounded rounded border text-primary transition-color…\" state=\"[object Object]\">",
"selector": "div > div.absolute > span > button.relative",
"nodeLabel": "div > div.absolute > span > button.relative",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 1963,
"left": 189,
"right": 222,
"width": 33,
"bottom": 1999,
"height": 36
}
}
},
{
"node": {
"lhId": "1-6-BUTTON",
"path": "1,HTML,1,BODY,9,DIV,2,DIV,1,OL,0,LI,1,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"relative items-center rounded rounded border text-primary transition-color…\" state=\"[object Object]\" type=\"button\" data-radix-toast-announce-exclude=\"\" data-radix-toast-announce-alt=\"Close\">",
"selector": "ol.fixed > li.ToastRoot > div.w-auto > button.relative",
"nodeLabel": "ol.fixed > li.ToastRoot > div.w-auto > button.relative",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 351,
"left": 353,
"right": 379,
"width": 26,
"bottom": 373,
"height": 22
}
}
},
{
"node": {
"lhId": "1-7-BUTTON",
"path": "1,HTML,1,BODY,9,DIV,2,DIV,1,OL,1,LI,1,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"relative items-center rounded rounded border text-primary transition-color…\" state=\"[object Object]\" type=\"button\" data-radix-toast-announce-exclude=\"\" data-radix-toast-announce-alt=\"Close\">",
"selector": "ol.fixed > li.ToastRoot > div.w-auto > button.relative",
"nodeLabel": "ol.fixed > li.ToastRoot > div.w-auto > button.relative",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 532,
"left": 361,
"right": 387,
"width": 26,
"bottom": 554,
"height": 22
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT",
"RGAAv4",
"RGAA-11.9.1"
],
"type": "debugdata",
"impact": "critical"
}
}Heading elements are not in a sequentially-descending order
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-8-H3",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,2,DIV,0,DIV,0,DIV,0,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"!text-lg font-bold text-primary m-0 flex items-center gap-2\">",
"selector": "div.w-full > div.not-prose > div.p-4 > h3.!text-lg",
"nodeLabel": "Set up\nfor free",
"explanation": "Fix any of the following:\n Heading order invalid",
"boundingRect": {
"top": 527,
"left": 41,
"right": 371,
"width": 330,
"bottom": 555,
"height": 28
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.semantics",
"best-practice"
],
"type": "debugdata",
"impact": "moderate"
}
}Image elements do not have `[alt]` attributes
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-9-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,0,SPAN,0,DIV,0,DIV,3,DIV,5,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img height=\"1262\" loading=\"lazy\" draggable=\"false\" class=\"\" data-src=\"https://res.cloudinary.com/dmukukwp6/image/upload/c_scale,w_1555/9000_hedg…\">",
"selector": "div.hidden > div.absolute > div.inline-block > img",
"nodeLabel": "div.hidden > div.absolute > div.inline-block > img",
"explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 727,
"left": 428,
"right": 428,
"width": 0,
"bottom": 727,
"height": 0
}
}
},
{
"node": {
"lhId": "1-10-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,0,SPAN,0,DIV,0,DIV,3,DIV,5,DIV,1,DIV,0,IMG",
"type": "node",
"snippet": "<img height=\"1262\" loading=\"lazy\" draggable=\"false\" class=\"\" data-src=\"https://res.cloudinary.com/dmukukwp6/image/upload/c_scale,w_1555/9000_hedg…\">",
"selector": "div.hidden > div.absolute > div.inline-block > img",
"nodeLabel": "div.hidden > div.absolute > div.inline-block > img",
"explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 727,
"left": 428,
"right": 428,
"width": 0,
"bottom": 727,
"height": 0
}
}
},
{
"node": {
"lhId": "1-11-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,5,DIV,1,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/hogmillionaire_6a6c2c958d\" class=\"\">",
"selector": "div.space-y-12 > div#pricing > div.inline-block > img",
"nodeLabel": "div.space-y-12 > div#pricing > div.inline-block > img",
"explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 3906,
"left": 268,
"right": 388,
"width": 120,
"bottom": 4016,
"height": 110
}
}
},
{
"node": {
"lhId": "1-12-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,6,DIV,1,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/steve_hogs_17c7900b07\" class=\"\">",
"selector": "div.space-y-12 > div#why-posthog > div.inline-block > img",
"nodeLabel": "div.space-y-12 > div#why-posthog > div.inline-block > img",
"explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 4973,
"left": 24,
"right": 324,
"width": 300,
"bottom": 5211,
"height": 237
}
}
},
{
"node": {
"lhId": "1-13-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,7,DIV,1,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/night_hog_219fff00f3\" class=\"\">",
"selector": "div.space-y-12 > div#bedtime-reading > div.inline-block > img",
"nodeLabel": "div.space-y-12 > div#bedtime-reading > div.inline-block > img",
"explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 5725,
"left": 14,
"right": 374,
"width": 360,
"bottom": 5993,
"height": 268
}
}
},
{
"node": {
"lhId": "1-14-IMG",
"path": "1,HTML,1,BODY,9,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,ARTICLE,0,DIV,0,DIV,0,DIV,8,DIV,2,DIV,0,DIV,0,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img src=\"https://res.cloudinary.com/dmukukwp6/image/upload/haha_bizzniss_5bc44659ec\" class=\"\">",
"selector": "div.absolute > div > div.inline-block > img",
"nodeLabel": "div.absolute > div > div.inline-block > img",
"explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 6666,
"left": 252,
"right": 372,
"width": 120,
"bottom": 6801,
"height": 135
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"TT7.b",
"EN-301-549",
"EN-9.1.1.1",
"ACT",
"RGAAv4",
"RGAA-1.1.1"
],
"type": "debugdata",
"impact": "critical"
}
}测试环境与原始指标
{
"finalUrl": "https://posthog.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": 37436.33799999999
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0.2263343736226506
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 3271
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 2492.5629999999996
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 12600.812232096716
}
]
}01 / 值得借鉴
好设计，具体好在哪
操作系统隐喻贯穿页面
草地背景、桌面快捷方式、窗口边框与页内标签形成完整世界观。
解释与上手路径放在一起
免费开始面板贴着产品主张，列出无需信用卡和安装向导等上手信息。
02 / 下一步
值得继续打磨的地方
- 01
手机保留清楚的主操作
桌面同时包含多条图标导航与两种安装方式，缩到手机后更容易分散注意力。
手机优先突出免费开始，再展示 AI 安装说明；把桌面快捷方式收进有文字标签的导航，避免窗口遮住主操作。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#eeefe9文字
#111827强调
#eb9d2a边线
#374151字体与尺度
- 标题字体
- RoundHog
- 正文字体
- RoundHog
- 标题 / 正文
- 36px / 16px
间距与形状
- 区块间距
- 0px
- 组件内距
- 0px
- 卡片圆角
- 0px
- 按钮圆角
- 8px
参数来自页面元素采样，空值表示未取得；不将单个元素的参数当作全站规范。
04 / 检查依据
观察与实测依据
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
转化1 项观察
手机保留清楚的主操作
桌面同时包含多条图标导航与两种安装方式，缩到手机后更容易分散注意力。
手机优先突出免费开始，再展示 AI 安装说明；把桌面快捷方式收进有文字标签的导航，避免窗口遮住主操作。
desktop.png: multiple icon rails and setup choices; mobile.png: narrow central window
上线2 项观察
没有 X-Content-Type-Options
没有 nosniff，浏览器可能按错误类型解释文件。这是一行响应头。
设置 X-Content-Type-Options: nosniff。
x-content-type-options missing
没有 Referrer-Policy
默认 referrer 可能把站内路径和查询串漏给第三方。
设置 Referrer-Policy: strict-origin-when-cross-origin。
referrer-policy missing
链接分享预览
PostHog – We make your product self-driving
PostHog automatically diagnoses problems, fixes bugs, and generates pull requests – all without you having to prompt it.
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
请基于 https://posthog.com 的 2026-09-05T03:28:48.916Z 页面快照优化当前项目。先确认当前实现与快照差异，不要把已变化的内容重新改回旧版。
设计基线
外围图标列承载产品、文档与公司入口，中央应用窗口说明价值，并用独立小面板组织免费开始与 AI 安装；下方标签演示问答、Slack 与自动改进。手机将桌面布局压成阅读窗口。参考窗口边框、标题栏和功能分区，而不是机械复制所有装饰窗口。
{
"colors": [
{
"role": "bg",
"hex": "#eeefe9"
},
{
"role": "ink",
"hex": "#111827"
},
{
"role": "accent",
"hex": "#eb9d2a"
},
{
"role": "line",
"hex": "#374151"
}
],
"fonts": {
"body": "RoundHog",
"display": "RoundHog",
"stack": [
"RoundHog"
]
},
"radius": {
"button": "8px",
"card": "0px",
"field": ""
},
"space": {
"section": "0px",
"card": "0px"
},
"type": {
"h1": "36px",
"body": "16px",
"weight": "800",
"lineHeight": "24px",
"letterSpacing": "-0.9px"
}
}
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
执行事项
1. 手机保留清楚的主操作
手机优先突出免费开始，再展示 AI 安装说明；把桌面快捷方式收进有文字标签的导航，避免窗口遮住主操作。
依据: desktop.png: multiple icon rails and setup choices; mobile.png: narrow central window
2. 没有 X-Content-Type-Options
设置 X-Content-Type-Options: nosniff。
依据: x-content-type-options missing
3. 没有 Referrer-Policy
设置 Referrer-Policy: strict-origin-when-cross-origin。
依据: referrer-policy missing
验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“Get started – free”。
- 保留已有品牌、登录和业务链路，不从静态截图推断交互故障。
- 只修复有证据的项；涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图，并执行相关功能测试。不要声称未经测试的功能已通过。