Max Potential First Input Delay
300 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.
正文
948
操作候选
4
图片
2
HTML
61 KB
主要入口
立即购买
移动端模拟 · 性能评分
2026-09-05 · 本次测试有警告,结果可能不完整。
移动端模拟 · 实验室数据,非真实用户体验数据
2026-09-05T14:34:50.569Z · Lighthouse 13.4.1
本次测试有警告,结果可能不完整: The page loaded too slowly to finish within the time limit. Results may be incomplete.
分数会受服务器、网络和测试环境影响,独立于品味/转化评分。诊断保留 Lighthouse 原文。
300 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.
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": "javascript",
"description": "Access to XMLHttpRequest at 'https://cloudflareinsights.com/cdn-cgi/rum' from origin 'https://clipth.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.",
"sourceLocation": {
"url": "https://clipth.app/",
"line": 0,
"type": "source-location",
"column": 0,
"urlProvider": "network"
}
},
{
"source": "network",
"description": "Failed to load resource: net::ERR_FAILED",
"sourceLocation": {
"url": "https://cloudflareinsights.com/cdn-cgi/rum",
"line": 0,
"type": "source-location",
"column": 0,
"urlProvider": "network"
}
}
],
"headings": [
{
"key": "sourceLocation",
"label": "Source",
"valueType": "source-location"
},
{
"key": "description",
"label": "Description",
"valueType": "code"
}
]
}6.1 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.
3 warnings found
Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.
{
"type": "table",
"items": [
{
"value": "The Shared Storage API is deprecated and will be removed in a future release.",
"source": {
"url": "https://clipth.app/cdn-cgi/challenge-platform/scripts/jsd/main.js",
"line": 0,
"type": "source-location",
"column": 3406,
"urlProvider": "network"
},
"subItems": {
"type": "subitems",
"items": [
{
"url": "https://chromestatus.com/feature/5076349064708096",
"text": "Check the feature status page for more details.",
"type": "link"
}
]
}
},
{
"value": "StorageType.persistent is deprecated. Please use standardized navigator.storage instead.",
"source": {
"url": "https://clipth.app/cdn-cgi/challenge-platform/scripts/jsd/main.js",
"line": 0,
"type": "source-location",
"column": 3406,
"urlProvider": "network"
},
"subItems": {
"type": "subitems",
"items": [
{
"url": "https://chromestatus.com/feature/5176235376246784",
"text": "Check the feature status page for more details.",
"type": "link"
},
{
"url": "https://chromiumdash.appspot.com/schedule",
"text": "This change will go into effect with milestone 106.",
"type": "link"
}
]
}
},
{
"value": "The Protected Audience API is deprecated and will be removed in a future release.",
"source": {
"url": "https://clipth.app/cdn-cgi/challenge-platform/scripts/jsd/main.js",
"line": 0,
"type": "source-location",
"column": 3406,
"urlProvider": "network"
}
}
],
"headings": [
{
"key": "value",
"label": "Deprecation / Warning",
"valueType": "text"
},
{
"key": "source",
"label": "Source",
"valueType": "source-location"
}
]
}3.8 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": 1216.8199999999745,
"groupLabel": "Script Evaluation"
},
{
"group": "other",
"duration": 1168.3319999999853,
"groupLabel": "Other"
},
{
"group": "styleLayout",
"duration": 870.016,
"groupLabel": "Style & Layout"
},
{
"group": "garbageCollection",
"duration": 191.784,
"groupLabel": "Garbage Collection"
},
{
"group": "paintCompositeRender",
"duration": 121.98800000000007,
"groupLabel": "Rendering"
},
{
"group": "scriptParseCompile",
"duration": 103.22399999999999,
"groupLabel": "Script Parsing & Compilation"
},
{
"group": "parseHTML",
"duration": 96.9840000000003,
"groupLabel": "Parse HTML & CSS"
}
],
"headings": [
{
"key": "groupLabel",
"label": "Category",
"valueType": "text"
},
{
"key": "duration",
"label": "Time Spent",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"duration"
]
}Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. Learn more about accessible names.
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-0-BUTTON",
"path": "1,HTML,1,BODY,1,DIV,0,DIV,0,NAV,2,DIV,4,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"lang-trigger\" type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"false\" aria-label=\"Switch language\" data-aria-en=\"Switch language\" data-aria-zh=\"切换语言\">",
"selector": "nav.site-nav > div.nav-actions > div.lang-switch > button.lang-trigger",
"nodeLabel": "EN",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 28,
"left": 345,
"right": 391,
"width": 46,
"bottom": 58,
"height": 30
}
}
},
{
"node": {
"lhId": "1-1-BUTTON",
"path": "1,HTML,1,BODY,1,DIV,1,MAIN,0,DIV,1,SECTION,3,DIV,1,DIV,0,BUTTON",
"type": "node",
"snippet": "<button class=\"download-trigger\" type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"false\" aria-label=\"Choose Mac architecture\" data-aria-en=\"Choose Mac architecture\" data-aria-zh=\"选择 Mac 芯片\">",
"selector": "section#overview > div.hero-cta > div.download-menu > button.download-trigger",
"nodeLabel": "Mac Download",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 396,
"left": 49,
"right": 363,
"width": 314,
"bottom": 422,
"height": 26
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.semantics",
"wcag21a",
"wcag253",
"EN-301-549",
"EN-9.2.5.3",
"RGAAv4",
"RGAA-6.1.5",
"experimental"
],
"type": "debugdata",
"impact": "serious"
}
}Total size was 7,341 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://assets.clipth.app/export-1787070595953-web.mp4",
"totalBytes": 6813192
},
{
"url": "https://www.googletagmanager.com/gtag/js?id=G-QX6MMWF1VX",
"totalBytes": 174384
},
{
"url": "https://clipth.app/assets/macbook-frame-video.png",
"totalBytes": 159757
},
{
"url": "https://clipth.app/assets/clipth-demo-poster.jpg",
"totalBytes": 130356
},
{
"url": "https://fonts.gstatic.com/s/fraunces/v38/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeP2Xz5c.woff2",
"totalBytes": 67957
},
{
"url": "https://clipth.app/assets/icon-192.png",
"totalBytes": 38801
},
{
"url": "https://clipth.app/assets/icon-192.png",
"totalBytes": 38798
},
{
"url": "https://fonts.gstatic.com/s/hankengrotesk/v12/ieVn2YZDLWuGJpnzaiwFXS9tYtpd59CxCis4.woff2",
"totalBytes": 34800
},
{
"url": "https://clipth.app/",
"totalBytes": 17378
},
{
"url": "https://static.cloudflareinsights.com/beacon.min.js",
"totalBytes": 10367
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
}
],
"sortedBy": [
"totalBytes"
]
}Est savings of 68 KiB
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
{
"type": "opportunity",
"items": [
{
"url": "https://www.googletagmanager.com/gtag/js?id=G-QX6MMWF1VX",
"totalBytes": 163100,
"wastedBytes": 69694,
"wastedPercent": 42.73057220163112
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "source",
"valueType": "code"
}
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes",
"subItemsHeading": {
"key": "sourceBytes"
}
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes",
"subItemsHeading": {
"key": "sourceWastedBytes"
}
}
],
"sortedBy": [
"wastedBytes"
],
"debugData": {
"type": "debugdata",
"metricSavings": {
"FCP": 0,
"LCP": 480
}
},
"overallSavingsMs": 480,
"overallSavingsBytes": 69694
}Est savings of 11 KiB
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
{
"type": "table",
"items": [
{
"url": "https://clipth.app/cdn-cgi/challenge-platform/h/g/scripts/jsd/330e41bb475c/main.js?",
"totalBytes": 9982,
"wastedBytes": 6787.759999999999,
"cacheLifetimeMs": 14400000
},
{
"url": "https://static.cloudflareinsights.com/beacon.min.js",
"totalBytes": 10367,
"wastedBytes": 4146.8,
"cacheLifetimeMs": 86400000
},
{
"url": "https://clipth.app/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js",
"totalBytes": 1020,
"wastedBytes": 306.05430555555563,
"cacheLifetimeMs": 172754000
}
],
"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": 11240.614305555555
},
"skipSumming": [
"cacheLifetimeMs"
]
}Est savings of 309 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://clipth.app/assets/macbook-frame-video.png",
"node": {
"lhId": "page-0-IMG",
"path": "1,HTML,1,BODY,1,DIV,1,MAIN,0,DIV,1,SECTION,4,DIV,0,DIV,0,DIV,1,IMG",
"type": "node",
"snippet": "<img class=\"laptop-shell\" src=\"assets/macbook-frame-video.png\" width=\"1672\" height=\"884\" alt=\"\" aria-hidden=\"true\">",
"selector": "div#features > div.gallery-panel > div.laptop-frame > img.laptop-shell",
"nodeLabel": "div#features > div.gallery-panel > div.laptop-frame > img.laptop-shell",
"boundingRect": {
"top": 528,
"left": 20,
"right": 392,
"width": 372,
"bottom": 725,
"height": 197
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (1672x884) for its displayed dimensions (372x197). Use responsive images to reduce the image download size.",
"wastedBytes": 151365
}
]
},
"totalBytes": 159248,
"wastedBytes": 151365
},
{
"url": "https://clipth.app/assets/clipth-demo-poster.jpg",
"node": {
"lhId": "page-1-VIDEO",
"path": "1,HTML,1,BODY,1,DIV,1,MAIN,0,DIV,1,SECTION,4,DIV,0,DIV,0,DIV,0,VIDEO",
"type": "node",
"snippet": "<video class=\"gallery-video\" id=\"demoVideo\" src=\"https://assets.clipth.app/export-1787070595953-web.mp4\" data-src-en=\"https://assets.clipth.app/export-1787070595953-web.mp4\" data-src-zh=\"https://assets.clipth.app/export-1787070595953-web.mp4\" poster=\"assets/clipth-demo-poster.jpg\" width=\"1920\" height=\"1080\" autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Clipth feature demonstration\" data-aria-en=\"Clipth feature demonstration\" data-aria-zh=\"剪迹功能演示\">",
"selector": "div#features > div.gallery-panel > div.laptop-frame > video#demoVideo",
"nodeLabel": "Clipth feature demonstration",
"boundingRect": {
"top": 544,
"left": 72,
"right": 340,
"width": 269,
"bottom": 695,
"height": 151
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "This image file is larger than it needs to be (1920x1080) for its displayed dimensions (269x151). Use responsive images to reduce the image download size.",
"wastedBytes": 127380
}
]
},
"totalBytes": 129925,
"wastedBytes": 127380
},
{
"url": "https://clipth.app/assets/icon-192.png",
"node": {
"lhId": "page-2-IMG",
"path": "1,HTML,1,BODY,1,DIV,0,DIV,0,NAV,0,A,0,IMG",
"type": "node",
"snippet": "<img src=\"assets/icon-192.png\" width=\"26\" height=\"26\" alt=\"\">",
"selector": "div.nav-wrap > nav.site-nav > a.nav-brand > img",
"nodeLabel": "div.nav-wrap > nav.site-nav > a.nav-brand > img",
"boundingRect": {
"top": 31,
"left": 21,
"right": 47,
"width": 26,
"bottom": 57,
"height": 26
}
},
"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": 32142
},
{
"reason": "This image file is larger than it needs to be (192x192) for its displayed dimensions (26x26). Use responsive images to reduce the image download size.",
"wastedBytes": 37584
}
]
},
"totalBytes": 38286,
"wastedBytes": 38173
}
],
"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": 316918
}
}Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading
{
"type": "list",
"items": [
{
"type": "checklist",
"items": {
"eagerlyLoaded": {
"label": "LCP resources should not use loading=lazy",
"value": true
},
"priorityHinted": {
"label": "fetchpriority=high should be applied to the image preload request",
"value": false
},
"requestDiscoverable": {
"label": "Request is discoverable in initial document",
"value": true
}
}
},
{
"lhId": "page-0-IMG",
"path": "1,HTML,1,BODY,1,DIV,1,MAIN,0,DIV,1,SECTION,4,DIV,0,DIV,0,DIV,1,IMG",
"type": "node",
"snippet": "<img class=\"laptop-shell\" src=\"assets/macbook-frame-video.png\" width=\"1672\" height=\"884\" alt=\"\" aria-hidden=\"true\">",
"selector": "div#features > div.gallery-panel > div.laptop-frame > img.laptop-shell",
"nodeLabel": "div#features > div.gallery-panel > div.laptop-frame > img.laptop-shell",
"boundingRect": {
"top": 528,
"left": 20,
"right": 392,
"width": 372,
"bottom": 725,
"height": 197
}
}
]
}Est savings of 11 KiB
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
{
"type": "table",
"items": [
{
"url": "https://static.cloudflareinsights.com/beacon.min.js",
"subItems": {
"type": "subitems",
"items": [
{
"signal": "Array.prototype.at",
"location": {
"url": "https://static.cloudflareinsights.com/beacon.min.js",
"line": 0,
"type": "source-location",
"column": 19367,
"urlProvider": "network"
}
},
{
"signal": "Array.prototype.findLast",
"location": {
"url": "https://static.cloudflareinsights.com/beacon.min.js",
"line": 0,
"type": "source-location",
"column": 19137,
"urlProvider": "network"
}
}
]
},
"wastedBytes": 10870
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "location",
"valueType": "source-location"
}
},
{
"key": null,
"label": "",
"valueType": "code",
"subItemsHeading": {
"key": "signal"
}
},
{
"key": "wastedBytes",
"label": "Wasted bytes",
"valueType": "bytes"
}
],
"debugData": {
"type": "debugdata",
"wastedBytes": 10870
}
}{
"finalUrl": "https://clipth.app/",
"userAgent": "Mozilla/5.0 (X11; Linux x86_64) 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": 4834.623
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 332.22400000000016
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 1977.451
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 3981.5874036015157
}
]
}01 / 值得借鉴
采用 Fraunces 衬线标题、温润米纸背景色(#f7f5ea)与鼠尾草绿细节(#4f7663 / #81a48c),在同类千篇一律的暗色或高饱和 SaaS 落地页中脱颖而出。
在首屏操作区前直接说明 10.99 美元买断、支持 2 台 Mac、macOS 14+ 门槛及基础版开源,消除用户的隐性订阅顾虑。
02 / 下一步
首屏并列放置了三枚大圆角按钮(购买 Pro、Mac 下载、GitHub)。作为系统工具,大多数访客倾向于先试后买,但纯黑高对比的主按钮直接催促结账,容易造成点击分流与迟疑。
将 'Mac 下载' 明确标注为包含基础开源功能的直接入口,或在按钮下方补充说明无需付款即可免费试用基础版,对比两者的点击与安装转化率。
卡片 02 的文案中出现了'以及替体积压缩',属于明显的文字校对纰漏(应为'以及体积压缩'或'文件体积压缩'),会拉低原生高品质工具的严谨感。
将特性卡片 02 中的'以及替体积压缩'更正为'以及体积压缩'或'文件体积压缩',并同步复核所有多语言文案源文件。
03 / 设计语言
背景
#f7f5ea文字
#1d1e10强调
#1d1e10边线
#cdd1c3表达也可以更准确
支持常见图片、视频格式转换以及替体积压缩
支持常见图片、视频格式转换以及体积压缩
剔除多余的错字'替',恢复严谨专业的工具软件文案质感。04 / 检查依据
逐项查看观察、建议与采集记录。
在强调设计品味与精细度的工具官网上,主卡片出现错字会影响用户对软件做工与可靠性的信任。
在代码库中检索'替体积压缩'并替换为'体积压缩',重新编译并核验渲染结果。
支持常见图片、视频格式转换以及替体积压缩
陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上,不会把邮箱给你。
加上真名、真脸、真实联系方式,或一句真实客户的话。
no about, no first-person, no quote
没有 alt,读屏到这里就断了,搜索也会减分。装饰图可以 alt="",内容图不行。
产品和照片写短 alt。纯装饰才用空 alt。
2 images without alt
没有 Strict-Transport-Security,第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。
在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。
strict-transport-security missing
CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载,包括被注入的脚本。
先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。
content-security-policy missing

剪迹 Clipth 是一款为 macOS 打造、键盘优先的本地优先剪贴板管理器,支持离线语义搜索、加密同步、内容保护和内置 MCP 服务器。
05 / 开始动手
优化指令用于调整这个页面;设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
请在落地页的卡片 02(转换)中修正文案勘误:将'支持常见图片、视频格式转换以及替体积压缩'替换为'支持常见图片、视频格式转换以及体积压缩'。同时检查移动端首屏元信息排版,确保支持 2 台 Mac 的权益说明在移动端不会被截断或异常折行。