https://ime.umate.ai

页面构成与技术指标

正文

873

操作候选

0

图片

0

HTML

10 KB

文案

标题字数
17
摘要字数
49偏短
H1
1
H2
2

动作

表单
0
站内链接
9
站外链接
3

安全与页面元信息

HTTPS
HSTS
CSP
nosniff
viewport
图标
JSON-LD
统计
GA4

构成

脚本
3 ext / 2 inline
语言
zh-Hans
第三方域
3

Lighthouse

移动端模拟 · 性能评分

91 / 100

2026-09-05 · 实验室数据,非真实用户体验数据。

查看详情

移动端模拟 · 实验室数据,非真实用户体验数据
2026-09-05T06:59:09.854Z · Lighthouse 13.4.1

性能91/ 100
可访问性95/ 100
最佳实践100/ 100
SEO100/ 100
LCP · 主要内容出现2,187 ms
CLS · 布局偏移0.003
TBT · 主线程阻塞151 ms
FCP · 首次内容绘制2,187 ms
SI · 视觉加载速度4,768 ms

分数会受服务器、网络和测试环境影响,独立于品味/转化评分。诊断保留 Lighthouse 原文。

Minimize main-thread work

2.4 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": 1331.344,
      "groupLabel": "Style & Layout"
    },
    {
      "group": "other",
      "duration": 555.4920000000006,
      "groupLabel": "Other"
    },
    {
      "group": "scriptEvaluation",
      "duration": 273.5800000000001,
      "groupLabel": "Script Evaluation"
    },
    {
      "group": "paintCompositeRender",
      "duration": 100.83200000000001,
      "groupLabel": "Rendering"
    },
    {
      "group": "scriptParseCompile",
      "duration": 71.60399999999998,
      "groupLabel": "Script Parsing & Compilation"
    },
    {
      "group": "parseHTML",
      "duration": 31.879999999999995,
      "groupLabel": "Parse HTML & CSS"
    },
    {
      "group": "garbageCollection",
      "duration": 19.344000000000005,
      "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 52 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": 53247,
      "wastedBytes": 53247,
      "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": 330,
      "LCP": 330
    }
  },
  "overallSavingsMs": 330,
  "overallSavingsBytes": 53247
}

Reduce unused JavaScript

Est savings of 69 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": 165598,
      "wastedBytes": 70853,
      "wastedPercent": 42.78619329160574
    }
  ],
  "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": 0
    }
  },
  "overallSavingsMs": 0,
  "overallSavingsBytes": 70853
}

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"
  ]
}

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": 1019.145
        },
        {
          "label": "Element render delay",
          "subpart": "elementRenderDelay",
          "duration": 1660.814
        }
      ],
      "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": {
          "9C4BF2DA7B38C5E87CF0C94C9803B891": {
            "url": "https://ime.umate.ai/",
            "children": {
              "2012.2": {
                "url": "https://fonts.googleapis.cn/css2?family=Noto+Serif+SC:wght@400;600&display=swap",
                "children": {
                  "2012.25": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.32.woff2",
                    "children": {},
                    "transferSize": 68139,
                    "navStartToEndTime": 4065
                  },
                  "2012.27": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.34.woff2",
                    "children": {},
                    "transferSize": 64853,
                    "navStartToEndTime": 4004
                  },
                  "2012.59": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.66.woff2",
                    "children": {},
                    "transferSize": 69182,
                    "navStartToEndTime": 4050
                  },
                  "2012.62": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.69.woff2",
                    "children": {},
                    "transferSize": 73681,
                    "navStartToEndTime": 3991
                  },
                  "2012.74": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.81.woff2",
                    "children": {},
                    "transferSize": 60849,
                    "navStartToEndTime": 4013
                  },
                  "2012.88": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.100.woff2",
                    "children": {},
                    "transferSize": 84787,
                    "navStartToEndTime": 3953
                  },
                  "2012.89": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.101.woff2",
                    "children": {},
                    "transferSize": 77879,
                    "navStartToEndTime": 4044
                  },
                  "2012.91": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.103.woff2",
                    "children": {},
                    "transferSize": 84171,
                    "navStartToEndTime": 4068
                  },
                  "2012.92": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.104.woff2",
                    "children": {},
                    "transferSize": 81153,
                    "navStartToEndTime": 3983
                  },
                  "2012.93": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.105.woff2",
                    "children": {},
                    "transferSize": 81682,
                    "navStartToEndTime": 3450
                  },
                  "2012.94": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.106.woff2",
                    "children": {},
                    "transferSize": 81753,
                    "navStartToEndTime": 3707
                  },
                  "2012.95": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.107.woff2",
                    "children": {},
                    "transferSize": 79947,
                    "navStartToEndTime": 4047
                  },
                  "2012.96": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.108.woff2",
                    "children": {},
                    "transferSize": 83590,
                    "navStartToEndTime": 3972
                  },
                  "2012.97": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.109.woff2",
                    "children": {},
                    "transferSize": 79230,
                    "navStartToEndTime": 3929
                  },
                  "2012.98": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.110.woff2",
                    "children": {},
                    "transferSize": 79651,
                    "navStartToEndTime": 4023
                  },
                  "2012.99": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.111.woff2",
                    "children": {},
                    "transferSize": 81314,
                    "navStartToEndTime": 3942
                  },
                  "2012.100": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.112.woff2",
                    "children": {},
                    "transferSize": 76186,
                    "navStartToEndTime": 3706
                  },
                  "2012.101": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.113.woff2",
                    "children": {},
                    "transferSize": 76019,
                    "navStartToEndTime": 4040
                  },
                  "2012.102": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.114.woff2",
                    "children": {},
                    "transferSize": 74906,
                    "navStartToEndTime": 3703
                  },
                  "2012.103": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.115.woff2",
                    "children": {},
                    "transferSize": 72670,
                    "navStartToEndTime": 3695
                  },
                  "2012.104": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.116.woff2",
                    "children": {},
                    "transferSize": 67378,
                    "navStartToEndTime": 3652
                  },
                  "2012.105": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.117.woff2",
                    "children": {},
                    "transferSize": 66734,
                    "navStartToEndTime": 3694
                  },
                  "2012.106": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.118.woff2",
                    "children": {},
                    "transferSize": 58273,
                    "navStartToEndTime": 3418
                  },
                  "2012.107": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7oqOcaThrVMcaeccjhXXDsOyAEEmuIi6j7j64sLjgBtMI1z49XW4.119.woff2",
                    "children": {},
                    "transferSize": 103971,
                    "navStartToEndTime": 3226
                  },
                  "2012.111": {
                    "url": "https://fonts.gstatic.cn/s/notoserifsc/v35/H4chBXePl9DZ0Xe7gG9cyOj7kqGWbhppHtk.woff2",
                    "children": {},
                    "transferSize": 33427,
                    "navStartToEndTime": 2997
                  }
                },
                "transferSize": 62345,
                "navStartToEndTime": 2311
              },
              "2012.4": {
                "url": "https://ime.umate.ai/styles.css",
                "children": {},
                "transferSize": 4623,
                "navStartToEndTime": 2459
              },
              "2012.6": {
                "url": "https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495",
                "children": {
                  "2012.216": {
                    "url": "https://ime.umate.ai/cdn-cgi/rum?",
                    "children": {},
                    "isLongest": true,
                    "transferSize": 483,
                    "navStartToEndTime": 5416
                  }
                },
                "isLongest": true,
                "transferSize": 10338,
                "navStartToEndTime": 3087
              }
            },
            "isLongest": true,
            "transferSize": 5824,
            "navStartToEndTime": 1909
          }
        },
        "longestChain": {
          "duration": 5416
        }
      }
    },
    {
      "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": "text",
        "value": "No additional origins are good candidates for preconnecting"
      },
      "description": "Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4."
    }
  ]
}

Render-blocking requests

Est savings of 780 ms

Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "url": "https://ime.umate.ai/styles.css",
      "totalBytes": 4623
    },
    {
      "url": "https://fonts.googleapis.cn/css2?family=Noto+Serif+SC:wght@400;600&display=swap",
      "wastedMs": 1181,
      "totalBytes": 62345
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "totalBytes",
      "label": "Transfer Size",
      "valueType": "bytes"
    },
    {
      "key": "wastedMs",
      "label": "Duration",
      "valueType": "timespanMs"
    }
  ]
}
测试环境与原始指标
{
  "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": 2186.5595
    },
    {
      "id": "cumulative-layout-shift",
      "unit": "unitless",
      "value": 0.003492731235986951
    },
    {
      "id": "total-blocking-time",
      "unit": "millisecond",
      "value": 151
    },
    {
      "id": "first-contentful-paint",
      "unit": "millisecond",
      "value": 2186.5595
    },
    {
      "id": "speed-index",
      "unit": "millisecond",
      "value": 4767.6605710683125
    }
  ]
}

01 / 值得借鉴

好设计,具体好在哪

典雅深邃的宋体排版与中文序数系统

采用 89.6px 的宋体大标题搭配壹、贰、叁等传统中文计数标签,赋予整篇产品宣言独特的文学厚度与从容感,彻底跳脱了普通 SaaS 模板的浮躁气息。

首屏直接陈列清晰的系统与收费参数

首屏下方直接陈列四列参数行(iOS 26 与 macOS 26 支持、本机优先隐私、自带密钥 BYOK、非按月收费的非订阅制),直率交代硬性指标与产品哲学,建立起极高的极客信任度。

02 / 下一步

值得继续打磨的地方

  1. 01

    调整首屏次级按钮,补足实际交互界面的直观预览

    首屏并排显示‘加入 TestFlight’与‘隐私政策’,将珍贵的黄金转化位让渡给了法律条款,访客在未见到任何真实键盘交互界面的情况下容易产生犹豫。

    保留蓝色实底的‘加入 TestFlight’主 CTA,将‘隐私政策’收纳至页脚或参数栏下方;在参数行后方或旁边引入实际输入法界面截图或功能演示链接。在 1440px 和 390px 视口检查真实界面预览与测试入群按钮的视觉层级。

  2. 02

    明确 TestFlight 测试资格状态与入测流程说明

    点击‘加入 TestFlight’没有任何名额状态或系统要求的预先告知,若遇到测试名额满额或跳转异常,用户极易直接流失。

    在首屏 CTA 旁补充微型状态提示(如:TestFlight 公测开放中,需相应系统环境),并提供备选的邮件通知或候补登记入口,在名额变动时保障留存。

03 / 设计语言

把气质拆成可复用的参数

色彩

背景

#fafafa

文字

#111111

字体与尺度

标题字体
Songti SC
正文字体
Songti SC
标题 / 正文
89.6px / 17px

间距与形状

区块间距
0px
组件内距
卡片圆角
按钮圆角
8.8px

表达也可以更准确

文案润色对照

现在

隐私政策

建议表达

查看演示

首屏主下载按钮旁的次级按钮应聚焦展示产品功能或核心工作流,而非将初期访客分流至枯燥的法律文本。

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
链接分享预览

05 / 开始动手

把下一步,交给你的 AI

优化指令用于调整这个页面;设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。

查看完整指令
重构 https://ime.umate.ai/ 的首屏行动召唤区域。严格保留现有设计变量:纸质背景色 #fafafa、正文墨色 #111111、品牌蓝 #2f6bff、以宋体(Songti SC)为主的标题排版及苹方(PingFang SC)正文。保留主按钮‘加入 TestFlight’及其 8.8px 圆角与白色箭头图标圈。将原先并列的‘隐私政策’按钮从首屏核心区移至页脚和规格参数区,在首屏次级位置替换为产品输入法悬浮界面的演示入口(如‘查看演示’)。确保在桌面端(1440px)与移动端(390px)均具备清爽且合理的层级布局。