Max Potential First Input Delay
330 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.
页面构成与技术指标
正文
869
操作候选
0
图片
0
HTML
10 KB
文案
标题字数
17
摘要字数
49偏短
H1
1
H2
2
动作
表单
0
站内链接
8
站外链接
3
安全与页面元信息
HTTPS
有
HSTS
无
CSP
无
nosniff
无
viewport
有
图标
有
JSON-LD
无
统计
GA4
构成
脚本
3 ext / 2 inline
语言
zh-Hans
第三方域
3
Lighthouse
移动端模拟 · 性能评分
56 / 100
2026-09-05 · 实验室数据，非真实用户体验数据。
查看详情
移动端模拟 · 实验室数据，非真实用户体验数据
2026-09-05T07:14:17.926Z · Lighthouse 13.4.1
性能56/ 100
可访问性95/ 100
最佳实践100/ 100
SEO100/ 100
LCP · 主要内容出现4,604 ms
CLS · 布局偏移0.003
TBT · 主线程阻塞622 ms
FCP · 首次内容绘制3,781 ms
SI · 视觉加载速度5,585 ms
分数会受服务器、网络和测试环境影响，独立于品味／转化评分。诊断保留 Lighthouse 原文。
Time to Interactive
4.7 s
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Minimize main-thread work
2.7 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": "styleLayout",
"duration": 1338.7,
"groupLabel": "Style & Layout"
},
{
"group": "scriptEvaluation",
"duration": 608.383999999999,
"groupLabel": "Script Evaluation"
},
{
"group": "other",
"duration": 499.4000000000022,
"groupLabel": "Other"
},
{
"group": "paintCompositeRender",
"duration": 114.06800000000003,
"groupLabel": "Rendering"
},
{
"group": "scriptParseCompile",
"duration": 103.776,
"groupLabel": "Script Parsing & Compilation"
},
{
"group": "parseHTML",
"duration": 26.372,
"groupLabel": "Parse HTML & CSS"
},
{
"group": "garbageCollection",
"duration": 11.663999999999994,
"groupLabel": "Garbage Collection"
}
],
"headings": [
{
"key": "groupLabel",
"label": "Category",
"valueType": "text"
},
{
"key": "duration",
"label": "Time Spent",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"duration"
]
}Background and foreground colors do not have a sufficient contrast ratio.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-0-SPAN",
"path": "1,HTML,1,BODY,1,MAIN,0,SECTION,0,DIV,2,DIV,0,A,0,SPAN",
"type": "node",
"snippet": "<span>",
"selector": "div.wrap > div.actions > a.btn > span",
"nodeLabel": "加入 TestFlight",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.49 (foreground color: #ffffff, background color: #2f6bff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 338,
"left": 38,
"right": 137,
"width": 100,
"bottom": 365,
"height": 27
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-A",
"path": "1,HTML,1,BODY,1,MAIN,0,SECTION,0,DIV,2,DIV,0,A",
"type": "node",
"snippet": "<a class=\"btn\" href=\"https://testflight.apple.com/join/VAuWfk7X\">",
"selector": "section.hero > div.wrap > div.actions > a.btn",
"nodeLabel": "加入 TestFlight",
"boundingRect": {
"top": 329,
"left": 20,
"right": 186,
"width": 166,
"bottom": 375,
"height": 46
}
}
}
]
}
}
],
"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"
}
}Minify CSS
Est savings of 6 KiB
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
对应元素与资源
{
"type": "opportunity",
"items": [
{
"url": "https://fonts.googleapis.cn/css2?family=Noto+Serif+SC:wght@400;600&display=swap",
"totalBytes": 62345,
"wastedBytes": 6533,
"wastedPercent": 10.478816967639858
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes"
}
],
"sortedBy": [
"wastedBytes"
],
"debugData": {
"type": "debugdata",
"metricSavings": {
"FCP": 0,
"LCP": 0
}
},
"overallSavingsMs": 0,
"overallSavingsBytes": 6533
}Reduce unused CSS
Est savings of 56 KiB
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
对应元素与资源
{
"type": "opportunity",
"items": [
{
"url": "https://fonts.googleapis.cn/css2?family=Noto+Serif+SC:wght@400;600&display=swap",
"totalBytes": 57807,
"wastedBytes": 57807,
"wastedPercent": 100
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes"
}
],
"sortedBy": [
"wastedBytes"
],
"debugData": {
"type": "debugdata",
"metricSavings": {
"FCP": 160,
"LCP": 160
}
},
"overallSavingsMs": 160,
"overallSavingsBytes": 57807
}Reduce unused JavaScript
Est savings of 70 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-2PNHT2V6SS",
"totalBytes": 166966,
"wastedBytes": 71403,
"wastedPercent": 42.76480934574758
}
],
"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": 320,
"LCP": 320
}
},
"overallSavingsMs": 320,
"overallSavingsBytes": 71403
}Use efficient cache lifetimes
Est savings of 4 KiB
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495",
"totalBytes": 10338,
"wastedBytes": 4135.2,
"cacheLifetimeMs": 86400000
}
],
"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": 4135.2
},
"skipSumming": [
"cacheLifetimeMs"
]
}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://www.googletagmanager.com/gtag/js?id=G-2PNHT2V6SS",
"line": 896,
"type": "source-location",
"column": 197,
"urlProvider": "network"
},
"reflowTime": 82.949
}
],
"headings": [
{
"key": "source",
"label": "Top function call",
"valueType": "source-location"
},
{
"key": "reflowTime",
"label": "Total reflow time",
"valueType": "ms",
"granularity": 1
}
]
},
{
"type": "table",
"items": [
{
"source": {
"url": "https://www.googletagmanager.com/gtag/js?id=G-2PNHT2V6SS",
"line": 893,
"type": "source-location",
"column": 55,
"urlProvider": "network"
},
"reflowTime": 82.949
},
{
"source": {
"type": "text",
"value": "[unattributed]"
},
"reflowTime": 138.305
}
],
"headings": [
{
"key": "source",
"label": "Source",
"valueType": "source-location"
},
{
"key": "reflowTime",
"label": "Total reflow time",
"valueType": "ms",
"granularity": 1
}
]
}
]
}LCP breakdown
Each subpart has specific improvement strategies. Ideally, most of the LCP time should be spent on loading the resources, not within delays.
对应元素与资源
{
"type": "list",
"items": [
{
"type": "table",
"items": [
{
"label": "Time to first byte",
"subpart": "timeToFirstByte",
"duration": 1257.938
},
{
"label": "Element render delay",
"subpart": "elementRenderDelay",
"duration": 1582.477
}
],
"headings": [
{
"key": "label",
"label": "Subpart",
"valueType": "text"
},
{
"key": "duration",
"label": "Duration",
"valueType": "ms"
}
]
},
{
"lhId": "page-0-H2",
"path": "1,HTML,1,BODY,1,MAIN,1,SECTION,0,DIV,1,H2",
"type": "node",
"snippet": "<h2>",
"selector": "main > section#why > div.wrap > h2",
"nodeLabel": "致勇于表达又“苛刻”的我们。",
"boundingRect": {
"top": 636,
"left": 20,
"right": 392,
"width": 372,
"bottom": 706,
"height": 70
}
}
]
}Legacy JavaScript
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/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495",
"subItems": {
"type": "subitems",
"items": [
{
"signal": "Array.prototype.at",
"location": {
"url": "https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495",
"line": 0,
"type": "source-location",
"column": 19367,
"urlProvider": "network"
}
},
{
"signal": "Array.prototype.findLast",
"location": {
"url": "https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495",
"line": 0,
"type": "source-location",
"column": 19137,
"urlProvider": "network"
}
}
]
},
"wastedBytes": 10840
}
],
"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": 10840
}
}Network dependency tree
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
对应元素与资源
{
"type": "list",
"items": [
{
"type": "list-section",
"value": {
"type": "network-tree",
"chains": {
"1B08E75992C8FC2B8EB626FEBFE8D770": {
"url": "https://ime.umate.ai/",
"children": {
"3055.2": {
"url": "https://fonts.googleapis.cn/css2?family=Noto+Serif+SC:wght@400;600&display=swap",
"children": {
"3055.26": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.32.woff2",
"children": {},
"transferSize": 68139,
"navStartToEndTime": 3727
},
"3055.28": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.34.woff2",
"children": {},
"transferSize": 64854,
"navStartToEndTime": 3685
},
"3055.60": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.66.woff2",
"children": {},
"transferSize": 69182,
"navStartToEndTime": 3717
},
"3055.63": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.69.woff2",
"children": {},
"transferSize": 73685,
"navStartToEndTime": 3661
},
"3055.75": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.81.woff2",
"children": {},
"transferSize": 60849,
"navStartToEndTime": 3676
},
"3055.89": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.100.woff2",
"children": {},
"transferSize": 84787,
"navStartToEndTime": 3651
},
"3055.90": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.101.woff2",
"children": {},
"transferSize": 77878,
"navStartToEndTime": 3715
},
"3055.92": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.103.woff2",
"children": {},
"transferSize": 84171,
"navStartToEndTime": 4776
},
"3055.93": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.104.woff2",
"children": {},
"transferSize": 81157,
"navStartToEndTime": 3664
},
"3055.94": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.105.woff2",
"children": {},
"transferSize": 81681,
"navStartToEndTime": 3162
},
"3055.95": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.106.woff2",
"children": {},
"transferSize": 81753,
"navStartToEndTime": 3305
},
"3055.96": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.107.woff2",
"children": {},
"transferSize": 79947,
"navStartToEndTime": 3693
},
"3055.97": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.108.woff2",
"children": {},
"transferSize": 83594,
"navStartToEndTime": 3658
},
"3055.98": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.109.woff2",
"children": {},
"transferSize": 79230,
"navStartToEndTime": 3260
},
"3055.99": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.110.woff2",
"children": {},
"transferSize": 79651,
"navStartToEndTime": 3744
},
"3055.100": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.111.woff2",
"children": {},
"transferSize": 81314,
"navStartToEndTime": 3642
},
"3055.101": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.112.woff2",
"children": {},
"transferSize": 76186,
"navStartToEndTime": 3309
},
"3055.102": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.113.woff2",
"children": {},
"transferSize": 76006,
"navStartToEndTime": 3371
},
"3055.103": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.114.woff2",
"children": {},
"transferSize": 74906,
"navStartToEndTime": 3243
},
"3055.104": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.115.woff2",
"children": {},
"transferSize": 72670,
"navStartToEndTime": 3234
},
"3055.105": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.116.woff2",
"children": {},
"transferSize": 67378,
"navStartToEndTime": 3238
},
"3055.106": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.117.woff2",
"children": {},
"transferSize": 66734,
"navStartToEndTime": 3092
},
"3055.107": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.118.woff2",
"children": {},
"transferSize": 58273,
"navStartToEndTime": 3024
},
"3055.108": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.119.woff2",
"children": {},
"transferSize": 104387,
"navStartToEndTime": 2972
},
"3055.112": {
"url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7kqGWbhppHtk.woff2",
"children": {},
"transferSize": 33012,
"navStartToEndTime": 3179
}
},
"transferSize": 62345,
"navStartToEndTime": 1884
},
"3055.4": {
"url": "https://ime.umate.ai/styles.css",
"children": {},
"transferSize": 4564,
"navStartToEndTime": 2711
},
"3055.6": {
"url": "https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495",
"children": {
"3055.216": {
"url": "https://ime.umate.ai/cdn-cgi/rum?",
"children": {},
"isLongest": true,
"transferSize": 448,
"navStartToEndTime": 5382
}
},
"isLongest": true,
"transferSize": 10338,
"navStartToEndTime": 3139
}
},
"isLongest": true,
"transferSize": 5807,
"navStartToEndTime": 1275
}
},
"longestChain": {
"duration": 5382
}
}
},
{
"type": "list-section",
"title": "Preconnected origins",
"value": {
"type": "table",
"items": [
{
"origin": "https://fonts.googleapis.cn/",
"source": {
"lhId": "page-5-LINK",
"path": "1,HTML,0,HEAD,18,LINK",
"type": "node",
"snippet": "<link rel=\"preconnect\" href=\"https://fonts.googleapis.cn\">",
"selector": "head > link",
"nodeLabel": "head > link",
"boundingRect": {
"top": 0,
"left": 0,
"right": 0,
"width": 0,
"bottom": 0,
"height": 0
}
},
"subItems": {
"type": "subitems",
"items": []
}
},
{
"origin": "https://fonts.gstatic.cn/",
"source": {
"lhId": "page-6-LINK",
"path": "1,HTML,0,HEAD,19,LINK",
"type": "node",
"snippet": "<link rel=\"preconnect\" href=\"https://fonts.gstatic.cn\" crossorigin=\"\">",
"selector": "head > link",
"nodeLabel": "head > link",
"boundingRect": {
"top": 0,
"left": 0,
"right": 0,
"width": 0,
"bottom": 0,
"height": 0
}
},
"subItems": {
"type": "subitems",
"items": []
}
}
],
"headings": [
{
"key": "origin",
"label": "Origin",
"valueType": "text",
"subItemsHeading": {
"key": "warning"
}
},
{
"key": "source",
"label": "Source",
"valueType": "node"
}
]
},
"description": "[preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to."
},
{
"type": "list-section",
"title": "Preconnect candidates",
"value": {
"type": "table",
"items": [
{
"origin": "https://www.google-analytics.com",
"wastedMs": 300
}
],
"headings": [
{
"key": "origin",
"label": "Origin",
"valueType": "text"
},
{
"key": "wastedMs",
"label": "Est LCP savings",
"valueType": "ms"
}
]
},
"description": "Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4."
}
]
}测试环境与原始指标
{
"finalUrl": "https://ime.umate.ai/",
"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": 4603.951999999999
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0.003492731235986951
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 622
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 3780.994
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 5584.896388816235
}
]
}01 / 值得借鉴
好设计，具体好在哪
典雅的文人式版式与叙事节奏
采用宋体主标题搭配中文数字（壹至陆）章节标号，配合舒展的行距与边距，为工具软件营造出难得的书卷气质与专注感。
产品哲学鲜明，核心取向一目了然
首屏明确标注本机优先、自带密钥、非订阅制和仅限 Apple 双端四大特征，直击重度效率用户的核心顾虑。
02 / 下一步
值得继续打磨的地方
- 01
补充键盘与转写交互的真实产品界面
访客在未看到任何键盘布局、候选词栏或语音转写界面的情况下被要求加入 TestFlight，信任链条存在视觉断层。
在“心流”与“键盘”章节补充 iOS 键盘外观、悬浮听写状态及 macOS 设置面板的实机截图或静音循环演示，并在 1440px 和 390px 视口下验证排版完整度。
- 02
在页面底部补齐最终行动号召区
在读完六大章节与用户反馈后，页面直接进入版权底栏，缺乏承接转化的次级或吸底按钮，导致用户必须逆向滚动回首屏。
在页脚上方新增收尾转化模块，放置“加入 TestFlight”主按钮、系统兼容标签与测试说明，并在移动端测试自上而下的点击闭环。
- 03
明确测试安装指引与系统最低要求
首屏标示的“iOS 26 · macOS 26”带有超前或占位色彩，易让准备安装测试版的实际用户对真实兼容系统产生疑惑。
将版本文案替换或补充为真实支持的最低系统要求（例如 iOS 17+ / macOS 14+），并增加先安装 TestFlight 再兑换加入的简明指引。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#fafafa文字
#111111字体与尺度
- 标题字体
- Songti SC
- 正文字体
- Songti SC
- 标题 / 正文
- 89.6px / 17px
间距与形状
- 区块间距
- 0px
- 组件内距
- —
- 卡片圆角
- —
- 按钮圆角
- 8.8px
表达也可以更准确
文案润色对照
现在
系统 iOS 26 · macOS 26
建议表达
系统 iOS & macOS 测试版
消除虚构版本号带来的认知困惑，准确传达当前双端测试支持状态。现在
声无所拘， 字有所据。
建议表达
声无所拘，字有所据。
移除逗号后方多余的空格，保持中文字符与标点贴合一致。04 / 检查依据
观察与实测依据
逐项查看观察、建议与采集记录。
转化2 项观察
分享卡片不完整
高优先级在 X、Slack 或微信里展开成空白或套话，等于浪费已经拿到的点击。这是分发，不是装饰。
补上 og:title、og:description，以及一张和线上标题一致的 1200x630 图。
og:title=yes og:image=no
找不到真人联系方式
中优先级想买、想问、想投诉的人没有出口。这是转化漏洞，也是信任漏洞。
页脚放一个能用的邮箱、表单，或真实社交账号。一个就够。
no mailto / telegram / x / github / email
上线4 项观察
没有 HSTS 响应头
中优先级没有 Strict-Transport-Security，第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。
在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。
strict-transport-security missing
没有 Content-Security-Policy
CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载，包括被注入的脚本。
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
content-security-policy missing
没有 X-Content-Type-Options
没有 nosniff，浏览器可能按错误类型解释文件。这是一行响应头。
设置 X-Content-Type-Options: nosniff。
x-content-type-options missing
没有 Referrer-Policy
默认 referrer 可能把站内路径和查询串漏给第三方。
设置 Referrer-Policy: strict-origin-when-cross-origin。
referrer-policy missing
链接分享预览
声无所拘，字有所据 · 优麦输入法
优麦输入法是面向 iOS 与 macOS 的键盘。语音先落成录音，再在本机转写；键盘负责把字写对。
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
优化 https://ime.umate.ai/ 的转化漏斗并保留其文学化设计格调。1) 严格保留已有设计变量：背景色 #fafafa、文字色 #111111、强调色 #2f6bff、字体系统（标题 Songti SC、正文 PingFang SC、技术标号 SF Mono）、按钮圆角 8.8px。2) 在章节之间嵌入真实界面卡片：展现 iOS 键盘连续语音转写形态与 macOS 菜单栏模型及设置。3) 在页脚上方追加底部号召行动区：重现带箭头小圆标的“加入 TestFlight”胶囊按钮、标注真实的最低系统要求，并补充 TestFlight 入门提示。4) 适配 390px 视口下的 2x2 特性网格及移动端触控尺寸，在 1440px 与 390px 下核验所有视觉层级。