Time to Interactive
11.4 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.
页面构成与技术指标
正文
514
操作候选
2
图片
3
HTML
20 KB
文案
标题字数
55
摘要字数
140
H1
9
H2
5
动作
主要入口
Big Walk
表单
2/ 4 输入
站内链接
18
站外链接
46
安全与页面元信息
HTTPS
有
HSTS
有
CSP
无
nosniff
有
viewport
有
图标
有
JSON-LD
有
统计
Umami
构成
脚本
5 ext / 2 inline
Alt
2 missing
语言
en
第三方域
1
Lighthouse
移动端模拟 · 性能评分
72 / 100
2026-09-05 · 实验室数据，非真实用户体验数据。
查看详情
移动端模拟 · 实验室数据，非真实用户体验数据
2026-09-05T04:00:42.857Z · Lighthouse 13.4.1
性能72/ 100
可访问性79/ 100
最佳实践77/ 100
SEO100/ 100
LCP · 主要内容出现11,444 ms
CLS · 布局偏移0.000
TBT · 主线程阻塞0 ms
FCP · 首次内容绘制2,211 ms
SI · 视觉加载速度2,664 ms
分数会受服务器、网络和测试环境影响，独立于品味／转化评分。诊断保留 Lighthouse 原文。
Uses third-party cookies
1 cookie found
Third-party cookies may be blocked in some contexts. Learn more about preparing for third-party cookie restrictions.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://food.game/images/emoji/emoji-donut.png",
"name": "__cf_bm"
}
],
"headings": [
{
"key": "name",
"label": "Name",
"valueType": "text"
},
{
"key": "url",
"label": "URL",
"valueType": "url"
}
]
}Background and foreground colors do not have a sufficient contrast ratio.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-1-H2",
"path": "1,HTML,1,BODY,0,DIV,4,SECTION,0,H2",
"type": "node",
"snippet": "<h2>",
"selector": "body > div#above-support > section#follow > h2",
"nodeLabel": "Why not follow us online?",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 1.82 (foreground color: #00c2d4, background color: #ebebeb, font size: 13.0pt (17.304px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1007,
"left": 0,
"right": 412,
"width": 412,
"bottom": 1026,
"height": 19
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,0,DIV",
"type": "node",
"snippet": "<div id=\"above-support\" role=\"main\">",
"selector": "body > div#above-support",
"nodeLabel": "Panic \nBig Walk\n\ndespelote\n\nBlippo+\n\nHerdling\n\nThank Goodness You're Here!\n\nArc…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 1102,
"height": 1102
}
}
}
]
}
},
{
"node": {
"lhId": "1-3-P",
"path": "1,HTML,1,BODY,1,SECTION,1,FOOTER,0,P",
"type": "node",
"snippet": "<p>",
"selector": "body > section#support > footer > p",
"nodeLabel": "1140 SW Washington St, Suite 300, Portland OR, 97205. 503-224-3451",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.12 (foreground color: #666666, background color: #171717, font size: 4.9pt (6.592px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1273,
"left": 0,
"right": 412,
"width": 412,
"bottom": 1280,
"height": 7
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-SECTION",
"path": "1,HTML,1,BODY,1,SECTION",
"type": "node",
"snippet": "<section id=\"support\">",
"selector": "body > section#support",
"nodeLabel": "Need help from us? We’re here.\nFind docs, tutorials, hints, or get support.\nGet…",
"boundingRect": {
"top": 1102,
"left": 0,
"right": 412,
"width": 412,
"bottom": 1303,
"height": 201
}
}
}
]
}
},
{
"node": {
"lhId": "1-5-P",
"path": "1,HTML,1,BODY,1,SECTION,1,FOOTER,1,P",
"type": "node",
"snippet": "<p>",
"selector": "body > section#support > footer > p",
"nodeLabel": "© Panic • 日本語 • Jobs • Privacy",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.12 (foreground color: #666666, background color: #171717, font size: 4.9pt (6.592px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1280,
"left": 0,
"right": 412,
"width": 412,
"bottom": 1299,
"height": 19
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-SECTION",
"path": "1,HTML,1,BODY,1,SECTION",
"type": "node",
"snippet": "<section id=\"support\">",
"selector": "body > section#support",
"nodeLabel": "Need help from us? We’re here.\nFind docs, tutorials, hints, or get support.\nGet…",
"boundingRect": {
"top": 1102,
"left": 0,
"right": 412,
"width": 412,
"bottom": 1303,
"height": 201
}
}
}
]
}
},
{
"node": {
"lhId": "1-6-A",
"path": "1,HTML,1,BODY,1,SECTION,1,FOOTER,1,P,3,A",
"type": "node",
"snippet": "<a href=\"/jobs/\">",
"selector": "section#support > footer > p > a",
"nodeLabel": "Jobs",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.12 (foreground color: #666666, background color: #171717, font size: 4.9pt (6.592px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1285,
"left": 218,
"right": 233,
"width": 14,
"bottom": 1292,
"height": 7
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-SECTION",
"path": "1,HTML,1,BODY,1,SECTION",
"type": "node",
"snippet": "<section id=\"support\">",
"selector": "body > section#support",
"nodeLabel": "Need help from us? We’re here.\nFind docs, tutorials, hints, or get support.\nGet…",
"boundingRect": {
"top": 1102,
"left": 0,
"right": 412,
"width": 412,
"bottom": 1303,
"height": 201
}
}
}
]
}
},
{
"node": {
"lhId": "1-7-A",
"path": "1,HTML,1,BODY,1,SECTION,1,FOOTER,1,P,5,A",
"type": "node",
"snippet": "<a href=\"/privacy/\">",
"selector": "section#support > footer > p > a",
"nodeLabel": "Privacy",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.12 (foreground color: #666666, background color: #171717, font size: 4.9pt (6.592px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1285,
"left": 241,
"right": 263,
"width": 21,
"bottom": 1292,
"height": 7
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-4-SECTION",
"path": "1,HTML,1,BODY,1,SECTION",
"type": "node",
"snippet": "<section id=\"support\">",
"selector": "body > section#support",
"nodeLabel": "Need help from us? We’re here.\nFind docs, tutorials, hints, or get support.\nGet…",
"boundingRect": {
"top": 1102,
"left": 0,
"right": 412,
"width": 412,
"bottom": 1303,
"height": 201
}
}
}
]
}
}
],
"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"
}
}List items (`<li>`) are not contained within `<ul>`, `<ol>` or `<menu>` parent elements.
Screen readers require list items (`<li>`) to be contained within a parent `<ul>`, `<ol>` or `<menu>` to be announced properly. Learn more about proper list structure.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-8-LI",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,0,LI",
"type": "node",
"snippet": "<li id=\"support_library\">",
"selector": "section#support > div.contentwidth > ul > li#support_library",
"nodeLabel": "Find docs, tutorials, hints, or get support.",
"explanation": "Fix any of the following:\n List item parent element has a role that is not role=\"list\"",
"boundingRect": {
"top": 1145,
"left": 91,
"right": 330,
"width": 239,
"bottom": 1164,
"height": 19
}
}
},
{
"node": {
"lhId": "1-9-LI",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,2,LI",
"type": "node",
"snippet": "<li id=\"support_support\">",
"selector": "section#support > div.contentwidth > ul > li#support_support",
"nodeLabel": "Get help with \nNova\nTransmit\nPrompt\nPlaydate\nAnything else!\n ",
"explanation": "Fix any of the following:\n List item parent element has a role that is not role=\"list\"",
"boundingRect": {
"top": 1164,
"left": 91,
"right": 330,
"width": 239,
"bottom": 1183,
"height": 19
}
}
},
{
"node": {
"lhId": "1-10-LI",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,3,LI",
"type": "node",
"snippet": "<li id=\"support_elist\">",
"selector": "section#support > div.contentwidth > ul > li#support_elist",
"nodeLabel": "Sign up for our nice mailing lists.",
"explanation": "Fix any of the following:\n List item parent element has a role that is not role=\"list\"",
"boundingRect": {
"top": 1183,
"left": 91,
"right": 330,
"width": 239,
"bottom": 1202,
"height": 19
}
}
},
{
"node": {
"lhId": "1-11-LI",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,4,LI",
"type": "node",
"snippet": "<li id=\"support_serial\">",
"selector": "section#support > div.contentwidth > ul > li#support_serial",
"nodeLabel": "Retrieve serial numbers \nThanks! We'll send you all the serial numbers associ…",
"explanation": "Fix any of the following:\n List item parent element has a role that is not role=\"list\"",
"boundingRect": {
"top": 1202,
"left": 91,
"right": 330,
"width": 239,
"bottom": 1225,
"height": 23
}
}
},
{
"node": {
"lhId": "1-12-LI",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,5,LI",
"type": "node",
"snippet": "<li id=\"support_compatibility\">",
"selector": "section#support > div.contentwidth > ul > li#support_compatibility",
"nodeLabel": "Download older versions of our applications.",
"explanation": "Fix any of the following:\n List item parent element has a role that is not role=\"list\"",
"boundingRect": {
"top": 1225,
"left": 91,
"right": 330,
"width": 239,
"bottom": 1244,
"height": 19
}
}
},
{
"node": {
"lhId": "1-13-LI",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,6,LI",
"type": "node",
"snippet": "<li id=\"support_sync\">",
"selector": "section#support > div.contentwidth > ul > li#support_sync",
"nodeLabel": "Find out about Panic Sync.",
"explanation": "Fix any of the following:\n List item parent element has a role that is not role=\"list\"",
"boundingRect": {
"top": 1244,
"left": 91,
"right": 330,
"width": 239,
"bottom": 1263,
"height": 19
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1",
"RGAAv4",
"RGAA-9.3.1"
],
"type": "debugdata",
"impact": "serious"
}
}Select elements do not have associated label elements.
Form elements without effective labels can create frustrating experiences for screen reader users. Learn more about the `select` element.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-14-SELECT",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,2,LI,0,FORM,1,SELECT",
"type": "node",
"snippet": "<select name=\"supportselect\" onchange=\"resizeMe(this.selectedIndex)\">",
"selector": "ul > li#support_support > form > select",
"nodeLabel": "Nova\nTransmit\nPrompt\nPlaydate\nAnything else!",
"explanation": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\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": 1165,
"left": 171,
"right": 246,
"width": 75,
"bottom": 1181,
"height": 16
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT",
"RGAAv4",
"RGAA-11.1.1"
],
"type": "debugdata",
"impact": "critical"
}
}Touch targets do not have sufficient size or spacing.
Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-15-A",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,0,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://help.panic.com/\">",
"selector": "div.contentwidth > ul > li#support_library > a",
"nodeLabel": "Find docs, tutorials, hints, or get support.",
"explanation": "Fix any of the following:\n Target has insufficient size (183px by 11px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 18.4px instead of at least 24px.",
"boundingRect": {
"top": 1148,
"left": 109,
"right": 292,
"width": 183,
"bottom": 1159,
"height": 11
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-14-SELECT",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,2,LI,0,FORM,1,SELECT",
"type": "node",
"snippet": "<select name=\"supportselect\" onchange=\"resizeMe(this.selectedIndex)\">",
"selector": "ul > li#support_support > form > select",
"nodeLabel": "Nova\nTransmit\nPrompt\nPlaydate\nAnything else!",
"boundingRect": {
"top": 1165,
"left": 171,
"right": 246,
"width": 75,
"bottom": 1181,
"height": 16
}
}
}
]
}
},
{
"node": {
"lhId": "1-16-A",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,3,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://elist.panic.com/\">",
"selector": "div.contentwidth > ul > li#support_elist > a",
"nodeLabel": "Sign up for our nice mailing lists.",
"explanation": "Fix any of the following:\n Target has insufficient size (145.4px by 11px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21px instead of at least 24px.",
"boundingRect": {
"top": 1186,
"left": 109,
"right": 254,
"width": 145,
"bottom": 1197,
"height": 11
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-14-SELECT",
"path": "1,HTML,1,BODY,1,SECTION,0,DIV,1,UL,2,LI,0,FORM,1,SELECT",
"type": "node",
"snippet": "<select name=\"supportselect\" onchange=\"resizeMe(this.selectedIndex)\">",
"selector": "ul > li#support_support > form > select",
"nodeLabel": "Nova\nTransmit\nPrompt\nPlaydate\nAnything else!",
"boundingRect": {
"top": 1165,
"left": 171,
"right": 246,
"width": 75,
"bottom": 1181,
"height": 16
}
}
}
]
}
}
],
"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 5,464 KiB
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://panic.com/images/banner-game-despelote-noball.png",
"totalBytes": 1653836
},
{
"url": "https://panic.com/images/banner-game-tgyh.png",
"totalBytes": 502102
},
{
"url": "https://panic.com/images/blippo-color-key-art.png",
"totalBytes": 452142
},
{
"url": "https://panic.com/images/banner-game-arco.jpg",
"totalBytes": 262059
},
{
"url": "https://panic.com/images/banner-game-bigwalk2.jpg",
"totalBytes": 255312
},
{
"url": "https://panic.com/images/icon-game-despelote.png",
"totalBytes": 215194
},
{
"url": "https://panic.com/images/banner-game-herdling.jpg",
"totalBytes": 180530
},
{
"url": "https://panic.com/images/title-game-bigwalk2.png",
"totalBytes": 173202
},
{
"url": "https://panic.com/images/icon-game-herdling.png",
"totalBytes": 170287
},
{
"url": "https://panic.com/images/icon-transmit-bigsur.png",
"totalBytes": 151507
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
}
],
"sortedBy": [
"totalBytes"
]
}Issues were logged in the `Issues` panel in Chrome Devtools
Issues logged to the `Issues` panel in Chrome Devtools indicate unresolved problems. They can come from network request failures, insufficient security controls, and other browser concerns. Open up the Issues panel in Chrome DevTools for more details on each issue.
对应元素与资源
{
"type": "table",
"items": [
{
"subItems": {
"type": "subitems",
"items": [
{
"url": "https://food.game/images/emoji/emoji-donut.png"
}
]
},
"issueType": "Cookie"
}
],
"headings": [
{
"key": "issueType",
"label": "Issue type",
"valueType": "text",
"subItemsHeading": {
"key": "url",
"valueType": "url"
}
}
]
}Use efficient cache lifetimes
Est savings of 1,198 KiB
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://panic.com/images/banner-game-despelote-noball.png",
"totalBytes": 1653836,
"wastedBytes": 248075.39999999985,
"cacheLifetimeMs": 432000000
},
{
"url": "https://assets.panic.com/fonts/booton/Booton-SemiBoldItalic.woff2",
"totalBytes": 121043,
"wastedBytes": 96834.40000000001,
"cacheLifetimeMs": 3600000
},
{
"url": "https://assets.panic.com/fonts/booton/Booton-HeavyItalic.woff2",
"totalBytes": 118460,
"wastedBytes": 94768,
"cacheLifetimeMs": 3600000
},
{
"url": "https://assets.panic.com/fonts/booton/Booton-Light.woff2",
"totalBytes": 117132,
"wastedBytes": 93705.6,
"cacheLifetimeMs": 3600000
},
{
"url": "https://assets.panic.com/fonts/booton/Booton-SemiBold.woff2",
"totalBytes": 117053,
"wastedBytes": 93642.40000000001,
"cacheLifetimeMs": 3600000
},
{
"url": "https://panic.com/images/banner-game-tgyh.png",
"totalBytes": 502102,
"wastedBytes": 75315.29999999996,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/blippo-color-key-art.png",
"totalBytes": 452142,
"wastedBytes": 67821.29999999996,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/banner-game-arco.jpg",
"totalBytes": 262059,
"wastedBytes": 39308.84999999998,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/banner-game-bigwalk2.jpg",
"totalBytes": 255312,
"wastedBytes": 38296.799999999974,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/fonts/Hellix/Hellix-Bold.woff",
"totalBytes": 54743,
"wastedBytes": 37225.24,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/icon-game-despelote.png",
"totalBytes": 215194,
"wastedBytes": 32279.09999999998,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/banner-game-herdling.jpg",
"totalBytes": 180530,
"wastedBytes": 27079.499999999985,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/title-game-bigwalk2.png",
"totalBytes": 173202,
"wastedBytes": 25980.299999999985,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/icon-game-herdling.png",
"totalBytes": 170287,
"wastedBytes": 25543.049999999985,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/icon-transmit-bigsur.png",
"totalBytes": 151507,
"wastedBytes": 22726.04999999999,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/fonts/spacemono/spacemono-italic.woff",
"totalBytes": 31106,
"wastedBytes": 21152.079999999998,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/banner-game-tgyh-title.png",
"totalBytes": 139882,
"wastedBytes": 20982.29999999999,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/title-game-bigwalk.svg",
"totalBytes": 30113,
"wastedBytes": 20476.839999999997,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/blippo-glitch2.gif",
"totalBytes": 127022,
"wastedBytes": 19053.29999999999,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/banner-game-arco-title.png",
"totalBytes": 98657,
"wastedBytes": 14798.549999999992,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/icon-game-ratcheteer-dx.png",
"totalBytes": 78053,
"wastedBytes": 11707.949999999993,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/prompt/img/prompt-icon-dark.png",
"totalBytes": 76030,
"wastedBytes": 11404.499999999993,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/title-game-herdling.svg",
"totalBytes": 11948,
"wastedBytes": 8124.639999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/icon-playdate@2x.png",
"totalBytes": 52316,
"wastedBytes": 7847.399999999995,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/banner-game-despelote-title.png",
"totalBytes": 50677,
"wastedBytes": 7601.549999999996,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/icon-game-arco.png",
"totalBytes": 43687,
"wastedBytes": 6553.0499999999965,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/icon-game-bigwalk.png",
"totalBytes": 36188,
"wastedBytes": 5428.199999999997,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/blippo-graph-paper-tile.jpg",
"totalBytes": 35485,
"wastedBytes": 5322.749999999997,
"cacheLifetimeMs": 432000000
},
{
"url": "https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495",
"totalBytes": 10338,
"wastedBytes": 4135.2,
"cacheLifetimeMs": 86400000
},
{
"url": "https://panic.com/images/icon-game-tgyh.png",
"totalBytes": 21052,
"wastedBytes": 3157.799999999998,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/title-game-ratcheteer-dx.svg",
"totalBytes": 4319,
"wastedBytes": 2936.9199999999996,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/icon-nova-11.png",
"totalBytes": 14144,
"wastedBytes": 2121.5999999999985,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/banner-game-ratcheteer-dx.gif",
"totalBytes": 14084,
"wastedBytes": 2112.5999999999985,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/title-game-thankgoodness.png",
"totalBytes": 13904,
"wastedBytes": 2085.5999999999985,
"cacheLifetimeMs": 432000000
},
{
"url": "https://food.game/images/emoji/emoji-donut.png",
"totalBytes": 12841,
"wastedBytes": 1926.149999999999,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/prompt/img/prompt-heading.png",
"totalBytes": 11978,
"wastedBytes": 1796.699999999999,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/fly/timeflies-logo-2880x592.png",
"totalBytes": 11724,
"wastedBytes": 1758.599999999999,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/prompt/img/visionos-3d-wordart.png",
"totalBytes": 11216,
"wastedBytes": 1682.399999999999,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/title-game-firewatch.png",
"totalBytes": 9498,
"wastedBytes": 1424.6999999999991,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/banner-game-despelote-ball.png",
"totalBytes": 8056,
"wastedBytes": 1208.3999999999992,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/blippo.svg",
"totalBytes": 1719,
"wastedBytes": 1168.9199999999998,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/title-game-despelote.png",
"totalBytes": 7755,
"wastedBytes": 1163.2499999999993,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/playdate-logo.svg",
"totalBytes": 1679,
"wastedBytes": 1141.7199999999998,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/panic.css?nocache-2026-08-03",
"totalBytes": 7137,
"wastedBytes": 1070.5499999999993,
"cacheLifetimeMs": 432000000
},
{
"url": "https://assets.panic.com/fonts/booton/booton.css",
"totalBytes": 1334,
"wastedBytes": 1067.2,
"cacheLifetimeMs": 3600000
},
{
"url": "https://panic.com/images/title-game-arco.png",
"totalBytes": 6793,
"wastedBytes": 1018.9499999999994,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/fly/fly.js?nocache-2026-08-03",
"totalBytes": 6428,
"wastedBytes": 964.1999999999995,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/prompt/img/prompt-title-clean.png",
"totalBytes": 5387,
"wastedBytes": 808.0499999999995,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/icon-game-firewatch.png",
"totalBytes": 5199,
"wastedBytes": 779.8499999999996,
"cacheLifetimeMs": 432000000
},
{
"url": "https://assets.panic.com/fonts/saans/saans.css?hehe",
"totalBytes": 945,
"wastedBytes": 756,
"cacheLifetimeMs": 3600000
},
{
"url": "https://panic.com/images/title-game-nour.png",
"totalBytes": 4835,
"wastedBytes": 725.2499999999995,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/title-game-goose.png",
"totalBytes": 4793,
"wastedBytes": 718.9499999999996,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/mini-library.svg",
"totalBytes": 997,
"wastedBytes": 677.9599999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/mini-support.svg",
"totalBytes": 963,
"wastedBytes": 654.8399999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/homepage-play.svg",
"totalBytes": 933,
"wastedBytes": 634.4399999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/mini-elist.svg",
"totalBytes": 925,
"wastedBytes": 628.9999999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/homepage-playdate.svg",
"totalBytes": 843,
"wastedBytes": 573.2399999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/mini-panic-sync.svg",
"totalBytes": 831,
"wastedBytes": 565.0799999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/mini-serial.svg",
"totalBytes": 817,
"wastedBytes": 555.56,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/mini-compatibility.svg",
"totalBytes": 786,
"wastedBytes": 534.4799999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/icon-goose@2x.png",
"totalBytes": 3470,
"wastedBytes": 520.4999999999997,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/icon-game-blippo-plus-sticker.png",
"totalBytes": 3413,
"wastedBytes": 511.9499999999997,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/homepage-work.svg",
"totalBytes": 740,
"wastedBytes": 503.19999999999993,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/dropdown-arrow.svg",
"totalBytes": 688,
"wastedBytes": 467.84,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/images/lang-jp.svg",
"totalBytes": 625,
"wastedBytes": 424.99999999999994,
"cacheLifetimeMs": 14400000
},
{
"url": "https://panic.com/fly/keyart-1.png",
"totalBytes": 2710,
"wastedBytes": 406.4999999999998,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images-global/circle-bad.png",
"totalBytes": 2056,
"wastedBytes": 308.3999999999998,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images-global/circle-good.png",
"totalBytes": 1996,
"wastedBytes": 299.3999999999998,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/js-global/Serials.js",
"totalBytes": 1847,
"wastedBytes": 277.04999999999984,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/icon-game-time-flies.png",
"totalBytes": 1558,
"wastedBytes": 233.69999999999987,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/panic.js?nocache-2026-08-03",
"totalBytes": 1156,
"wastedBytes": 173.3999999999999,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/fly/spritesheet-32.png",
"totalBytes": 917,
"wastedBytes": 137.54999999999993,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/prompt/css/prompt-shared.css?nocache-2026-08-03",
"totalBytes": 873,
"wastedBytes": 130.94999999999993,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/fly/spritesheet-16.png",
"totalBytes": 797,
"wastedBytes": 119.54999999999993,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/prompt/img/checker.png",
"totalBytes": 574,
"wastedBytes": 86.09999999999995,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images/title-game-timeflies.png",
"totalBytes": 572,
"wastedBytes": 85.79999999999995,
"cacheLifetimeMs": 432000000
},
{
"url": "https://panic.com/images-global/spacer.gif",
"totalBytes": 364,
"wastedBytes": 54.599999999999966,
"cacheLifetimeMs": 432000000
}
],
"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": 1226350.0499999989
},
"skipSumming": [
"cacheLifetimeMs"
]
}Font display
Est savings of 230 ms
Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://assets.panic.com/fonts/booton/Booton-Light.woff2",
"wastedMs": 225
},
{
"url": "https://assets.panic.com/fonts/booton/Booton-HeavyItalic.woff2",
"wastedMs": 225
},
{
"url": "https://assets.panic.com/fonts/booton/Booton-SemiBold.woff2",
"wastedMs": 225
},
{
"url": "https://assets.panic.com/fonts/booton/Booton-SemiBoldItalic.woff2",
"wastedMs": 225
},
{
"url": "https://panic.com/fonts/Hellix/Hellix-Bold.woff",
"wastedMs": 205
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "wastedMs",
"label": "Est Savings",
"valueType": "ms"
}
],
"skipSumming": [
"wastedMs"
]
}Forced reflow
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.
对应元素与资源
{
"type": "list",
"items": [
{
"type": "table",
"items": [
{
"source": {
"url": "https://panic.com/fly/fly.js?nocache-2026-08-03",
"line": 23,
"type": "source-location",
"column": 34,
"urlProvider": "network"
},
"reflowTime": 34.662
}
],
"headings": [
{
"key": "source",
"label": "Source",
"valueType": "source-location"
},
{
"key": "reflowTime",
"label": "Total reflow time",
"valueType": "ms",
"granularity": 1
}
]
}
]
}Improve image delivery
Est savings of 1,057 KiB
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://panic.com/images/blippo-color-key-art.png",
"node": {
"lhId": "page-0-H1",
"path": "1,HTML,1,BODY,0,DIV,0,HEADER,3,DIV,0,H1",
"type": "node",
"snippet": "<h1 class=\"title\">",
"selector": "div#above-support > header.takeover > div#blippo-plus-takeover > h1.title",
"nodeLabel": "Blippo+",
"boundingRect": {
"top": 144,
"left": 0,
"right": 412,
"width": 412,
"bottom": 350,
"height": 206
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 297651
}
]
},
"totalBytes": 451251,
"wastedBytes": 297651
},
{
"url": "https://panic.com/images/icon-game-despelote.png",
"node": {
"lhId": "page-1-A",
"path": "1,HTML,1,BODY,0,DIV,2,SECTION,1,NAV,0,UL,5,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://despelote.game/\">",
"selector": "nav.contentwidth > ul > li#game_despelote > a",
"nodeLabel": "despelote",
"boundingRect": {
"top": 688,
"left": 120,
"right": 201,
"width": 82,
"bottom": 770,
"height": 82
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 191346
}
]
},
"totalBytes": 214659,
"wastedBytes": 191346
},
{
"url": "https://panic.com/images/icon-game-herdling.png",
"node": {
"lhId": "page-2-A",
"path": "1,HTML,1,BODY,0,DIV,2,SECTION,1,NAV,0,UL,3,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://herdling.game/\">",
"selector": "nav.contentwidth > ul > li#game_herdling > a",
"nodeLabel": "Herdling",
"boundingRect": {
"top": 598,
"left": 301,
"right": 383,
"width": 82,
"bottom": 679,
"height": 82
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 146451
}
]
},
"totalBytes": 169826,
"wastedBytes": 146451
},
{
"url": "https://panic.com/images/icon-transmit-bigsur.png",
"node": {
"lhId": "page-3-A",
"path": "1,HTML,1,BODY,0,DIV,1,SECTION,1,NAV,0,UL,1,LI,0,A",
"type": "node",
"snippet": "<a href=\"/transmit/\">",
"selector": "nav.contentwidth > ul > li#app_transmit > a",
"nodeLabel": "Transmit",
"boundingRect": {
"top": 468,
"left": 165,
"right": 247,
"width": 82,
"bottom": 550,
"height": 82
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 107303
}
]
},
"totalBytes": 150994,
"wastedBytes": 107303
},
{
"url": "https://panic.com/images/title-game-bigwalk2.png",
"node": {
"lhId": "page-4-H1",
"path": "1,HTML,1,BODY,0,DIV,0,HEADER,1,DIV,0,H1",
"type": "node",
"snippet": "<h1 class=\"title\">",
"selector": "div#above-support > header.takeover > div#bigwalk-takeover > h1.title",
"nodeLabel": "Big Walk",
"boundingRect": {
"top": 136,
"left": 0,
"right": 412,
"width": 412,
"bottom": 260,
"height": 124
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 88079
}
]
},
"totalBytes": 172746,
"wastedBytes": 88079
},
{
"url": "https://panic.com/images/blippo-glitch2.gif",
"node": {
"lhId": "page-5-A",
"path": "1,HTML,1,BODY,0,DIV,2,SECTION,1,NAV,0,UL,2,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://blippo.plus/\">",
"selector": "nav.contentwidth > ul > li#game_blippo_plus > a",
"nodeLabel": "Blippo+",
"boundingRect": {
"top": 596,
"left": 211,
"right": 292,
"width": 82,
"bottom": 677,
"height": 82
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using video formats instead of GIFs can improve the download size of animated content.",
"wastedBytes": 60764
}
]
},
"totalBytes": 126591,
"wastedBytes": 60764
},
{
"url": "https://panic.com/images/icon-game-ratcheteer-dx.png",
"node": {
"lhId": "page-6-A",
"path": "1,HTML,1,BODY,0,DIV,2,SECTION,1,NAV,0,UL,1,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://ratcheteer.com/\">",
"selector": "nav.contentwidth > ul > li#game_ratcheteer > a",
"nodeLabel": "Ratcheteer DX",
"boundingRect": {
"top": 598,
"left": 120,
"right": 201,
"width": 82,
"bottom": 679,
"height": 82
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 55948
}
]
},
"totalBytes": 77548,
"wastedBytes": 55948
},
{
"url": "https://panic.com/images/banner-game-arco-title.png",
"node": {
"lhId": "page-7-H1",
"path": "1,HTML,1,BODY,0,DIV,0,HEADER,6,DIV,0,H1",
"type": "node",
"snippet": "<h1 class=\"title\">",
"selector": "div#above-support > header.takeover > div#arco-takeover > h1.title",
"nodeLabel": "Arco",
"boundingRect": {
"top": 119,
"left": 0,
"right": 412,
"width": 412,
"bottom": 161,
"height": 41
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 42692
}
]
},
"totalBytes": 98220,
"wastedBytes": 42692
},
{
"url": "https://panic.com/images/blippo-graph-paper-tile.jpg",
"node": {
"lhId": "page-8-::before",
"path": "1,HTML,1,BODY,0,DIV,0,HEADER,3,DIV,0,::before",
"type": "node",
"snippet": "<::before>",
"selector": "div#above-support > header.takeover > div#blippo-plus-takeover > ::before",
"nodeLabel": "div#above-support > header.takeover > div#blippo-plus-takeover > ::before",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 424,
"height": 424
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 31213
}
]
},
"totalBytes": 35166,
"wastedBytes": 31213
},
{
"url": "https://panic.com/images/icon-game-arco.png",
"node": {
"lhId": "page-9-A",
"path": "1,HTML,1,BODY,0,DIV,2,SECTION,1,NAV,0,UL,6,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://arco.game/\">",
"selector": "nav.contentwidth > ul > li#game_arco > a",
"nodeLabel": "Arco",
"boundingRect": {
"top": 688,
"left": 211,
"right": 292,
"width": 82,
"bottom": 770,
"height": 82
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 22227
}
]
},
"totalBytes": 43350,
"wastedBytes": 22227
},
{
"url": "https://panic.com/images/icon-playdate@2x.png",
"node": {
"lhId": "page-10-A",
"path": "1,HTML,1,BODY,0,DIV,3,SECTION,1,NAV,0,UL,0,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://play.date/\">",
"selector": "nav.contentwidth > ul > li#icon_playdate > a",
"nodeLabel": "Playdate",
"boundingRect": {
"top": 909,
"left": 165,
"right": 247,
"width": 82,
"bottom": 990,
"height": 82
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 20563
}
]
},
"totalBytes": 51963,
"wastedBytes": 20563
},
{
"url": "https://panic.com/images/icon-game-bigwalk.png",
"node": {
"lhId": "page-11-A",
"path": "1,HTML,1,BODY,0,DIV,2,SECTION,1,NAV,0,UL,0,LI,0,A",
"type": "node",
"snippet": "<a href=\"https://bigwalk.game/\">",
"selector": "nav.contentwidth > ul > li#game_bigwalk > a",
"nodeLabel": "Big Walk",
"boundingRect": {
"top": 598,
"left": 29,
"right": 111,
"width": 82,
"bottom": 679,
"height": 82
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 11921
}
]
},
"totalBytes": 35841,
"wastedBytes": 11921
},
{
"url": "https://panic.com/prompt/img/visionos-3d-wordart.png",
"node": {
"lhId": "page-12-STRONG",
"path": "1,HTML,1,BODY,0,DIV,0,HEADER,9,DIV,1,P,5,STRONG",
"type": "node",
"snippet": "<strong class=\"yellow\">",
"selector": "header.takeover > div#prompt-takeover > p.details > strong.yellow",
"nodeLabel": "visionOS",
"boundingRect": {
"top": 248,
"left": 233,
"right": 312,
"width": 79,
"bottom": 271,
"height": 23
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 6519
}
]
},
"totalBytes": 10941,
"wastedBytes": 6519
}
],
"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": 1082677
}
}测试环境与原始指标
{
"finalUrl": "https://panic.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": 11443.795000000002
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0.0004975970890270345
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 0
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 2210.7540000000004
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 2664.1620948106092
}
]
}01 / 值得借鉴
好设计，具体好在哪
产品拥有自己的声音
Big Walk、Nova 与 Transmit 的图形语言各不相同，母品牌通过简短分类文案连接它们。
手机先让用户选作品
手机英雄区之后直接出现软件和游戏图标，避免整页只留下品牌宣言。
02 / 下一步
值得继续打磨的地方
- 01
首屏补一条业务定位
桌面首屏几乎全部是 Big Walk 场景，新访客可能把 Panic 理解为单一游戏网站。
在不压住画面的区域增加一句软件、游戏与硬件的业务说明，并提供进入产品分类的文字入口。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#1c1c1c字体与尺度
- 标题字体
- Booton
- 正文字体
- Booton
- 标题 / 正文
- 80px / 40px
间距与形状
- 区块间距
- 0px
- 组件内距
- —
- 卡片圆角
- —
- 按钮圆角
- 0px
参数来自页面元素采样，空值表示未取得；不将单个元素的参数当作全站规范。
04 / 检查依据
观察与实测依据
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
转化1 项观察
首屏补一条业务定位
桌面首屏几乎全部是 Big Walk 场景，新访客可能把 Panic 理解为单一游戏网站。
在不压住画面的区域增加一句软件、游戏与硬件的业务说明，并提供进入产品分类的文字入口。
desktop.png: Big Walk fills hero
上线2 项观察
没有 Content-Security-Policy
CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载，包括被注入的脚本。
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
content-security-policy missing
没有 Referrer-Policy
默认 referrer 可能把站内路径和查询串漏给第三方。
设置 Referrer-Policy: strict-origin-when-cross-origin。
referrer-policy missing
链接分享预览
Panic - We code apps, publish games, and make Playdate.
Panic codes top-quality apps for developers, publishes games for people who like fun, and, now, we make the Playdate handheld gaming system.
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
请基于 https://panic.com 的 2026-09-05T03:19:20.102Z 页面快照优化当前项目。先确认当前实现与快照差异，不要把已变化的内容重新改回旧版。
设计基线
首屏让 Big Walk 场景和 Panic 标志占据主视觉；后续分别介绍 Mac 工具、发行游戏和 Playdate。桌面靠大图建立世界，手机很快进入可点选的产品图标群。可借鉴这种“先有情绪，再分业务”的结构，但每个作品仍需名称、类别和明确目的地。
{
"colors": [
{
"role": "bg",
"hex": "#1c1c1c"
}
],
"fonts": {
"body": "Booton",
"display": "Booton",
"stack": [
"Booton",
"space-mono"
]
},
"radius": {
"button": "0px",
"card": "",
"field": ""
},
"space": {
"section": "0px",
"card": ""
},
"type": {
"h1": "80px",
"body": "40px",
"weight": "300",
"lineHeight": "52px",
"letterSpacing": "-0.5px"
}
}
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
执行事项
1. 首屏补一条业务定位
在不压住画面的区域增加一句软件、游戏与硬件的业务说明，并提供进入产品分类的文字入口。
依据: desktop.png: Big Walk fills hero
2. 没有 Content-Security-Policy
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
依据: content-security-policy missing
3. 没有 Referrer-Policy
设置 Referrer-Policy: strict-origin-when-cross-origin。
依据: referrer-policy missing
验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“Big Walk”。
- 保留已有品牌、登录和业务链路，不从静态截图推断交互故障。
- 只修复有证据的项；涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图，并执行相关功能测试。不要声称未经测试的功能已通过。