Max Potential First Input Delay
280 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.
页面构成与技术指标
正文
2024
操作候选
23
图片
34
HTML
651 KB
文案
标题字数
54
摘要字数
149
H1
2
H2
7
动作
主要入口
Get started
表单
0
站内链接
168
站外链接
5
安全与页面元信息
HTTPS
有
HSTS
有
CSP
有
nosniff
有
viewport
有
图标
有
JSON-LD
有
统计
无
构成
Next.js / Lovable
脚本
72 ext / 3 inline
Alt
30 missing
语言
en-JP
第三方域
1
Lighthouse
移动端模拟 · 性能评分
48 / 100
2026-09-05 · 本次测试有警告，结果可能不完整。
查看详情
移动端模拟 · 实验室数据，非真实用户体验数据
2026-09-05T04:02:45.694Z · Lighthouse 13.4.1
本次测试有警告，结果可能不完整： The page may not be loading as expected because your test URL (https://stripe.com/) was redirected to https://stripe.com/jp. Try testing the second URL directly.
性能48/ 100
可访问性95/ 100
最佳实践77/ 100
SEO100/ 100
LCP · 主要内容出现7,233 ms
CLS · 布局偏移0.000
TBT · 主线程阻塞544 ms
FCP · 首次内容绘制3,625 ms
SI · 视觉加载速度7,434 ms
分数会受服务器、网络和测试环境影响，独立于品味／转化评分。诊断保留 Lighthouse 原文。
Time to Interactive
14.5 s
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Avoid multiple page redirects
Est savings of 1,140 ms
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
对应元素与资源
{
"type": "opportunity",
"items": [
{
"url": "https://stripe.com/",
"wastedMs": 1142.9026000000001
},
{
"url": "https://stripe.com/jp",
"wastedMs": 0
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "wastedMs",
"label": "Time Spent",
"valueType": "timespanMs"
}
],
"overallSavingsMs": 1142.9026000000001
}Uses third-party cookies
35 cookies found
Third-party cookies may be blocked in some contexts. Learn more about preparing for third-party cookie restrictions.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "_ga_SEKFWD1C9J"
},
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "_ga"
},
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "__ps_r"
},
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "__ps_sr"
},
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "__ps_lu"
},
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "__ps_slu"
},
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "__ps_did"
},
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "__ps_fva"
},
{
"url": "https://apm.yahoo.co.jp/tags/022f2d0b-b8e8-4fe8-ae5c-e30b3bcecbbb/events/page_view?label=&lysu=482ec6f3-4ba9-465a-a317-1623b34d36be&brands=%22Chromium%22%3B+v%3D%22151.0.7922.34%22%2C+%22Not%3DA%3FBrand%22%3B+v%3D%2299.0.0.0%22&platform=%22macOS%22&platform_version=%2226.3.0%22&ref=https%3A%2F%2Fstripe.com%2Fjp&rref=&test=0&impl=lytag&pvid=6d761e7mbglmtnuxfvi&sosu=l&r=1788580969.3470652&v=1.1.29&is_ext_tx=0&hc=0",
"name": "XA"
},
{
"url": "https://apm.yahoo.co.jp/tags/022f2d0b-b8e8-4fe8-ae5c-e30b3bcecbbb/events/page_view?label=&lysu=482ec6f3-4ba9-465a-a317-1623b34d36be&brands=%22Chromium%22%3B+v%3D%22151.0.7922.34%22%2C+%22Not%3DA%3FBrand%22%3B+v%3D%2299.0.0.0%22&platform=%22macOS%22&platform_version=%2226.3.0%22&ref=https%3A%2F%2Fstripe.com%2Fjp&rref=&test=0&impl=lytag&pvid=6d761e7mbglmtnuxfvi&sosu=l&r=1788580969.3470652&v=1.1.29&is_ext_tx=0&hc=0",
"name": "XB"
},
{
"url": "https://googleads.g.doubleclick.net/pagead/viewthroughconversion/848119022/?random=1788580968527&cv=11&fst=1788580968527&bg=ffffff&guid=ON&async=1&en=gtag.config>m=45be6921v889774910z8838837448za20gzb838837448zd838837448xec&gcd=13l3l3l3l1l1&dma=0&tag_exp=115938466~115938469~118897920~118897930~120213116~120385423~120469145~120469153&u_w=800&u_h=600&url=https%3A%2F%2Fb.stripecdn.com%2Fstripethirdparty-srv%2Fassets%2Fv33.1%2FGoogleTagManager.html%3Fid%3Dc580f6c4-916e-495d-8f61-f251dc150180%26origin%3Dhttps%253A%252F%252Fstripe.com&ref=https%3A%2F%2Fstripe.com%2Fjp&top=https%3A%2F%2Fstripe.com%2Fjp&rcb=19&frm=2&hn=www.googleadservices.com&npa=0&pscdl=noapi&uaa=arm&uab=64&uafvl=Chromium%3B151.0.7922.34%7CNot%253DA%253FBrand%3B99.0.0.0&uamb=0&uam=&uap=macOS&uapv=26.3.0&uaw=0&data=event%3Dgtag.config&ept=9&rfmt=3&fmt=4",
"name": "test_cookie"
},
{
"url": "https://bat.bing.com/action/0?ti=15001149&tm=gtm002&Ver=2&mid=0f768c7a-8cd9-4f07-8afb-ca6d0fbafdd1&bo=1&sid=a8843530a8de11f1a60325e99c2d4a41&vid=a8842c40a8de11f18bf16bf823f1d398&vids=1&msclkid=N&pi=918639831&lg=zh-CN&sw=800&sh=600&sc=24&p=https%3A%2F%2Fstripe.com%2Fjp&r=<=286&evt=pageLoad&ifm=1&sv=2&cdb=AQAQ&rn=889467",
"name": "MUID"
},
{
"url": "https://bat.bing.com/action/0?ti=15001149&tm=gtm002&Ver=2&mid=0f768c7a-8cd9-4f07-8afb-ca6d0fbafdd1&bo=1&sid=a8843530a8de11f1a60325e99c2d4a41&vid=a8842c40a8de11f18bf16bf823f1d398&vids=1&msclkid=N&pi=918639831&lg=zh-CN&sw=800&sh=600&sc=24&p=https%3A%2F%2Fstripe.com%2Fjp&r=<=286&evt=pageLoad&ifm=1&sv=2&cdb=AQAQ&rn=889467",
"name": "MR"
},
{
"url": "https://b.stripecdn.com/stripethirdparty-srv/assets/v33.1/GoogleTagManager.html?id=c580f6c4-916e-495d-8f61-f251dc150180&origin=https%3A%2F%2Fstripe.com",
"name": "_zitok"
},
{
"url": "https://t.co/1/i/adsct?bci=4&dv=Asia%2FShanghai%26zh-CN%26Google%20Inc.%26MacIntel%26127%26800%26600%2614%2624%26800%26600%260%26na&eci=3&event=%7B%7D&event_id=f4a1c6d7-f9cd-4e35-aa9b-0294b08428e0&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=fe92033d-0582-4b3d-ba2c-89ac052224ed&tw_document_href=https%3A%2F%2Fstripe.com%2Fjp&tw_document_referrer=https%3A%2F%2Fstripe.com%2Fjp&tw_iframe_status=1&tw_pid_src=1&twpid=tw.1788580968924.962682359727108941&txn_id=o5ygk&type=javascript&version=2.4.4",
"name": "muc_ads"
},
{
"url": "https://t.co/1/i/adsct?bci=4&dv=Asia%2FShanghai%26zh-CN%26Google%20Inc.%26MacIntel%26127%26800%26600%2614%2624%26800%26600%260%26na&eci=3&event=%7B%7D&event_id=f4a1c6d7-f9cd-4e35-aa9b-0294b08428e0&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=fe92033d-0582-4b3d-ba2c-89ac052224ed&tw_document_href=https%3A%2F%2Fstripe.com%2Fjp&tw_document_referrer=https%3A%2F%2Fstripe.com%2Fjp&tw_iframe_status=1&tw_pid_src=1&twpid=tw.1788580968924.962682359727108941&txn_id=o5ygk&type=javascript&version=2.4.4",
"name": "__cf_bm"
},
{
"url": "https://analytics.twitter.com/1/i/adsct?bci=4&dv=Asia%2FShanghai%26zh-CN%26Google%20Inc.%26MacIntel%26127%26800%26600%2614%2624%26800%26600%260%26na&eci=3&event=%7B%7D&event_id=f4a1c6d7-f9cd-4e35-aa9b-0294b08428e0&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=fe92033d-0582-4b3d-ba2c-89ac052224ed&tw_document_href=https%3A%2F%2Fstripe.com%2Fjp&tw_document_referrer=https%3A%2F%2Fstripe.com%2Fjp&tw_iframe_status=1&tw_pid_src=1&twpid=tw.1788580968924.962682359727108941&txn_id=o5ygk&type=javascript&version=2.4.4",
"name": "guest_id_marketing"
},
{
"url": "https://analytics.twitter.com/1/i/adsct?bci=4&dv=Asia%2FShanghai%26zh-CN%26Google%20Inc.%26MacIntel%26127%26800%26600%2614%2624%26800%26600%260%26na&eci=3&event=%7B%7D&event_id=f4a1c6d7-f9cd-4e35-aa9b-0294b08428e0&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=fe92033d-0582-4b3d-ba2c-89ac052224ed&tw_document_href=https%3A%2F%2Fstripe.com%2Fjp&tw_document_referrer=https%3A%2F%2Fstripe.com%2Fjp&tw_iframe_status=1&tw_pid_src=1&twpid=tw.1788580968924.962682359727108941&txn_id=o5ygk&type=javascript&version=2.4.4",
"name": "guest_id_ads"
},
{
"url": "https://analytics.twitter.com/1/i/adsct?bci=4&dv=Asia%2FShanghai%26zh-CN%26Google%20Inc.%26MacIntel%26127%26800%26600%2614%2624%26800%26600%260%26na&eci=3&event=%7B%7D&event_id=f4a1c6d7-f9cd-4e35-aa9b-0294b08428e0&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=fe92033d-0582-4b3d-ba2c-89ac052224ed&tw_document_href=https%3A%2F%2Fstripe.com%2Fjp&tw_document_referrer=https%3A%2F%2Fstripe.com%2Fjp&tw_iframe_status=1&tw_pid_src=1&twpid=tw.1788580968924.962682359727108941&txn_id=o5ygk&type=javascript&version=2.4.4",
"name": "personalization_id"
},
{
"url": "https://analytics.twitter.com/1/i/adsct?bci=4&dv=Asia%2FShanghai%26zh-CN%26Google%20Inc.%26MacIntel%26127%26800%26600%2614%2624%26800%26600%260%26na&eci=3&event=%7B%7D&event_id=f4a1c6d7-f9cd-4e35-aa9b-0294b08428e0&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=fe92033d-0582-4b3d-ba2c-89ac052224ed&tw_document_href=https%3A%2F%2Fstripe.com%2Fjp&tw_document_referrer=https%3A%2F%2Fstripe.com%2Fjp&tw_iframe_status=1&tw_pid_src=1&twpid=tw.1788580968924.962682359727108941&txn_id=o5ygk&type=javascript&version=2.4.4",
"name": "guest_id"
},
{
"url": "https://analytics.twitter.com/1/i/adsct?bci=4&dv=Asia%2FShanghai%26zh-CN%26Google%20Inc.%26MacIntel%26127%26800%26600%2614%2624%26800%26600%260%26na&eci=3&event=%7B%7D&event_id=f4a1c6d7-f9cd-4e35-aa9b-0294b08428e0&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=fe92033d-0582-4b3d-ba2c-89ac052224ed&tw_document_href=https%3A%2F%2Fstripe.com%2Fjp&tw_document_referrer=https%3A%2F%2Fstripe.com%2Fjp&tw_iframe_status=1&tw_pid_src=1&twpid=tw.1788580968924.962682359727108941&txn_id=o5ygk&type=javascript&version=2.4.4",
"name": "__cf_bm"
},
{
"url": "https://match.adsrvr.org/track/cmf/generic?ttd_pid=lp1a8un&ttd_tpi=1&ttd_passthrough=site%3dstripe.com",
"name": "TDID"
},
{
"url": "https://match.adsrvr.org/track/cmf/generic?ttd_pid=lp1a8un&ttd_tpi=1&ttd_passthrough=site%3dstripe.com",
"name": "TDCPM"
},
{
"url": "https://ws.zoominfo.com/pixel/HMDVDhZ4AOv68bhkrpOC/?iszitag=true",
"name": "_cfuvid"
},
{
"url": "https://px.ads.linkedin.com/collect/?pid=332772&url=https://stripe.com/jp&fmt=gif",
"name": "li_sugr"
},
{
"url": "https://px.ads.linkedin.com/collect/?pid=332772&url=https://stripe.com/jp&fmt=gif",
"name": "bcookie"
},
{
"url": "https://px.ads.linkedin.com/collect/?pid=332772&url=https://stripe.com/jp&fmt=gif",
"name": "lidc"
},
{
"url": "https://px.ads.linkedin.com/collect/?pid=332772&url=https://stripe.com/jp&fmt=gif",
"name": "__cf_bm"
},
{
"url": "https://px.ads.linkedin.com/collect/?pid=332772&url=https%3A%2F%2Fstripe.com%2Fjp&fmt=gif&cookiesTest=true",
"name": "UserMatchHistory"
},
{
"url": "https://px.ads.linkedin.com/collect/?pid=332772&url=https%3A%2F%2Fstripe.com%2Fjp&fmt=gif&cookiesTest=true",
"name": "AnalyticsSyncHistory"
},
{
"url": "https://www.linkedin.com/px/li_sync?redirect=https%3A%2F%2Fpx.ads.linkedin.com%2Fcollect%2F%3Fpid%3D332772%26url%3Dhttps%253A%252F%252Fstripe.com%252Fjp%26fmt%3Dgif%26cookiesTest%3Dtrue%26liSync%3Dtrue",
"name": "bscookie"
},
{
"url": "https://id.rlcdn.com/464526.gif",
"name": "rlas3"
},
{
"url": "https://id.rlcdn.com/464526.gif",
"name": "pxrc"
},
{
"url": "https://segments.company-target.com/log?vendor=liveramp&user_id=Xc1297h4XQTnUaBK9ojuBre5Ecih0t0UmzxViRKPdqBoBDoPc",
"name": "tuuid"
},
{
"url": "https://segments.company-target.com/log?vendor=liveramp&user_id=Xc1297h4XQTnUaBK9ojuBre5Ecih0t0UmzxViRKPdqBoBDoPc",
"name": "tuuid_lu"
}
],
"headings": [
{
"key": "name",
"label": "Name",
"valueType": "text"
},
{
"key": "url",
"label": "URL",
"valueType": "url"
}
]
}Minimize main-thread work
3.3 s
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
对应元素与资源
{
"type": "table",
"items": [
{
"group": "scriptEvaluation",
"duration": 1705.5519999999228,
"groupLabel": "Script Evaluation"
},
{
"group": "other",
"duration": 643.2240000000012,
"groupLabel": "Other"
},
{
"group": "styleLayout",
"duration": 383.71599999999995,
"groupLabel": "Style & Layout"
},
{
"group": "scriptParseCompile",
"duration": 336.576,
"groupLabel": "Script Parsing & Compilation"
},
{
"group": "paintCompositeRender",
"duration": 141.57200000000194,
"groupLabel": "Rendering"
},
{
"group": "garbageCollection",
"duration": 40.33199999999996,
"groupLabel": "Garbage Collection"
},
{
"group": "parseHTML",
"duration": 32.044,
"groupLabel": "Parse HTML & CSS"
}
],
"headings": [
{
"key": "groupLabel",
"label": "Category",
"valueType": "text"
},
{
"key": "duration",
"label": "Time Spent",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"duration"
]
}Reduce JavaScript execution time
1.9 s
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/pages/_app-45931b1f2d46952d.js",
"total": 1308.2880000000014,
"scripting": 677.632000000001,
"scriptParseCompile": 148.384
},
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/framework-bfbcaa5a2903bc7d.js",
"total": 717.6360000000229,
"scripting": 593.716000000023,
"scriptParseCompile": 8.703999999999999
},
{
"url": "https://stripe.com/jp",
"total": 380.976,
"scripting": 6.2679999999999945,
"scriptParseCompile": 1.024
},
{
"url": "Unattributable",
"total": 202.03600000000216,
"scripting": 39.10399999999997,
"scriptParseCompile": 0
},
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/pages/index-f0efed39c5e55ebe.js",
"total": 183.34000000000037,
"scripting": 114.14000000000038,
"scriptParseCompile": 65.67599999999999
},
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/40414.28902c3e57a26a21.js",
"total": 88.3199999999996,
"scripting": 62.871999999999595,
"scriptParseCompile": 6.32
},
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/96173-c054fb9f772eef6c.js",
"total": 87.10800000000124,
"scripting": 78.35200000000124,
"scriptParseCompile": 4.768
},
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/c67c952e-5362035f70172687.js",
"total": 78.16799999999998,
"scripting": 64.95999999999998,
"scriptParseCompile": 12.835999999999999
},
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/1107-c9d1c0574d2eb4d2.js",
"total": 50.55199999999995,
"scripting": 9.65999999999999,
"scriptParseCompile": 0.756
}
],
"summary": {
"wastedMs": 1895.172000000025
},
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "total",
"label": "Total CPU Time",
"valueType": "ms",
"granularity": 1
},
{
"key": "scripting",
"label": "Script Evaluation",
"valueType": "ms",
"granularity": 1
},
{
"key": "scriptParseCompile",
"label": "Script Parse",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"total"
]
}Missing source maps for large first-party JavaScript
Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. Learn more about source maps.
对应元素与资源
{
"type": "table",
"items": [
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Large JavaScript file is missing a source map"
}
]
},
"scriptUrl": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/pages/index-f0efed39c5e55ebe.js"
},
{
"subItems": {
"type": "subitems",
"items": [
{
"error": "Large JavaScript file is missing a source map"
}
]
},
"scriptUrl": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/pages/_app-45931b1f2d46952d.js"
}
],
"headings": [
{
"key": "scriptUrl",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "error"
}
},
{
"key": "sourceMapUrl",
"label": "Map 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-0-DIV",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,1,SECTION,1,DIV,1,DIV,0,DIV,0,DIV,0,BUTTON,3,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,5,DIV,0,DIV,0,DIV,0,DIV",
"type": "node",
"snippet": "<div>",
"selector": "div.payments-graphic__terminal-transaction-button > div.payments-graphic__terminal-transaction-button-text > div.payments-graphic__terminal-transaction-button-text-values > div",
"nodeLabel": "続ける",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.41 (foreground color: #ff6118, background color: #ffe0d1, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1391,
"left": 123,
"right": 148,
"width": 25,
"bottom": 1401,
"height": 10
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-1-DIV",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,1,SECTION,1,DIV,1,DIV,0,DIV,0,DIV,0,BUTTON,3,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,5,DIV",
"type": "node",
"snippet": "<div class=\"payments-graphic__terminal-transaction-button\" style=\"background: rgb(255, 224, 209); color: var(--hds-color-core-orange-350);\">",
"selector": "div.dom-graphic__content > div.payments-graphic__terminal > div.payments-graphic__terminal-screen > div.payments-graphic__terminal-transaction-button",
"nodeLabel": "続ける\nWeiter\n続行\n続ける",
"boundingRect": {
"top": 1386,
"left": 72,
"right": 199,
"width": 127,
"bottom": 1407,
"height": 21
}
}
}
]
}
},
{
"node": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,1,SECTION,1,DIV,1,DIV,0,DIV,0,DIV,0,BUTTON,3,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,6,DIV,0,DIV,0,DIV,0,DIV",
"type": "node",
"snippet": "<div>",
"selector": "div.payments-graphic__checkout-payment-button > div.payments-graphic__checkout-payment-button-text > div.payments-graphic__checkout-payment-button-text-values > div",
"nodeLabel": "続ける",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.41 (foreground color: #ff6118, background color: #ffe0d1, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1463,
"left": 365,
"right": 387,
"width": 22,
"bottom": 1472,
"height": 9
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-3-DIV",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,1,SECTION,1,DIV,1,DIV,0,DIV,0,DIV,0,BUTTON,3,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,6,DIV",
"type": "node",
"snippet": "<div class=\"payments-graphic__checkout-payment-button\" style=\"transform: translateY(-168px); background: rgb(255, 224, 209);\">",
"selector": "div.browser-graphic__page > div.payments-graphic__checkout-body > div.payments-graphic__checkout-payment-details > div.payments-graphic__checkout-payment-button",
"nodeLabel": "続ける\nWeiter\n続行\n続ける",
"boundingRect": {
"top": 1457,
"left": 287,
"right": 465,
"width": 178,
"bottom": 1478,
"height": 21
}
}
}
]
}
},
{
"node": {
"lhId": "1-4-P",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,3,SECTION,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,1,DIV,1,DIV,0,DIV,0,DIV,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"hds-text pricing-table__list-item-disclaimer hds-text--sm hds-text--subdued\">",
"selector": "div.pricing-table__list-item-pricing > div > div.pricing-table__list-item-pricing-details-container > p.hds-text",
"nodeLabel": "+ 2% 通貨換算が必要な場合",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.44 (foreground color: #7d8ba4, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5142,
"left": 41,
"right": 214,
"width": 173,
"bottom": 5162,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-5-DIV",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,3,SECTION,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,1,DIV",
"type": "node",
"snippet": "<div class=\"pricing-table__list-item\">",
"selector": "div.pricing-table > div.pricing-table__content-container > div.pricing-table__list > div.pricing-table__list-item",
"nodeLabel": "ウォレット\n\n国内外の主要ブランドに対応できます。\n\n3.6% 標準価格\n\n¥120 最小金\n\n+ 2% 通貨換算が必要な場合\n\n詳細はこちら",
"boundingRect": {
"top": 4946,
"left": 17,
"right": 395,
"width": 378,
"bottom": 5223,
"height": 276
}
}
}
]
}
}
],
"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"
}
}Heading elements are not in a sequentially-descending order
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-6-H4",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,9,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,1,DIV,0,H4",
"type": "node",
"snippet": "<h4 class=\"hds-text hds-text--md hds-text--emphasized\">",
"selector": "div.footer-cta-section__feature-card > div.feature-detail > div.feature-detail__content > h4.hds-text",
"nodeLabel": "お支払い額をご確認ください",
"explanation": "Fix any of the following:\n Heading order invalid",
"boundingRect": {
"top": 18888,
"left": 16,
"right": 224,
"width": 208,
"bottom": 18911,
"height": 22
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.semantics",
"best-practice"
],
"type": "debugdata",
"impact": "moderate"
}
}Elements with visible text labels do not have matching accessible names.
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-7-BUTTON",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,1,SECTION,1,DIV,1,DIV,0,DIV,0,DIV,0,BUTTON",
"type": "node",
"snippet": "<button type=\"button\" class=\"modular-solutions-bento-card modular-solutions-bento__card-payments\" data-bento-card-hover-class=\"modular-solutions-bento__card-payments--hover\" data-bento-card-root=\"true\" aria-labelledby=\"bento-card-title-payments\" aria-expanded=\"false\" aria-haspopup=\"dialog\">",
"selector": "div.modular-solutions-bento > div.modular-solutions-bento__content > div.modular-solutions-bento__layout > button.modular-solutions-bento-card",
"nodeLabel": "オンライン決済・対面決済をグローバルに展開\nRoastery に支払う\nCartsy bezahlen\nShowflix に支払う\nRoastery に支払う…",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 956,
"left": 16,
"right": 396,
"width": 380,
"bottom": 1512,
"height": 557
}
}
},
{
"node": {
"lhId": "1-8-BUTTON",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,1,SECTION,1,DIV,1,DIV,0,DIV,0,DIV,1,BUTTON",
"type": "node",
"snippet": "<button type=\"button\" class=\"modular-solutions-bento-card modular-solutions-bento__card-billing\" data-bento-card-hover-class=\"modular-solutions-bento__card-billing--hover\" data-bento-card-root=\"true\" aria-labelledby=\"bento-card-title-billing\" aria-expanded=\"false\" aria-haspopup=\"dialog\">",
"selector": "div.modular-solutions-bento > div.modular-solutions-bento__content > div.modular-solutions-bento__layout > button.modular-solutions-bento-card",
"nodeLabel": "あらゆるサブスク・課金モデルに対応\nPro プラン\n月次請求\nトークン\n1,000ユニットごとに ￥2\n使用量\n過去 30 日間に使用されたトークン\n2,01…",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 1528,
"left": 16,
"right": 396,
"width": 380,
"bottom": 2085,
"height": 557
}
}
},
{
"node": {
"lhId": "1-9-A",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,6,SECTION,0,DIV,2,DIV,0,SECTION,1,DIV,0,DIV,1,DIV,2,DIV,0,A",
"type": "node",
"snippet": "<a class=\"hds-button hds-button--secondary\" href=\"/jp/customers/hertz\" id=\"customer-content-Hertz\" aria-label=\"Hertz の事例を読む\" data-analytics-label=\"hertz__read_the_story\">",
"selector": "div#customer-Hertz > div#detail-customer-content-Hertz > div.customer-stories__customer-content--read > a#customer-content-Hertz",
"nodeLabel": "事例を表示",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 9166,
"left": 17,
"right": 160,
"width": 143,
"bottom": 9210,
"height": 44
}
}
},
{
"node": {
"lhId": "1-10-A",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,6,SECTION,0,DIV,2,DIV,0,SECTION,1,DIV,1,DIV,1,DIV,2,DIV,0,A",
"type": "node",
"snippet": "<a class=\"hds-button hds-button--secondary\" href=\"/jp/customers/urbn\" id=\"customer-content-URBN\" aria-label=\"URBN の事例を読む\" data-analytics-label=\"urbn__read_the_story\">",
"selector": "div#customer-URBN > div#detail-customer-content-URBN > div.customer-stories__customer-content--read > a#customer-content-URBN",
"nodeLabel": "事例を表示",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 9668,
"left": 17,
"right": 160,
"width": 143,
"bottom": 9712,
"height": 44
}
}
},
{
"node": {
"lhId": "1-11-A",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,6,SECTION,0,DIV,2,DIV,0,SECTION,1,DIV,2,DIV,1,DIV,2,DIV,0,A",
"type": "node",
"snippet": "<a class=\"hds-button hds-button--secondary\" href=\"/jp/customers/instacart\" id=\"customer-content-Instacart\" aria-label=\"Instacart の事例を読む\" data-analytics-label=\"instacart__read_the_story\">",
"selector": "div#customer-Instacart > div#detail-customer-content-Instacart > div.customer-stories__customer-content--read > a#customer-content-Instacart",
"nodeLabel": "事例を表示",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 10149,
"left": 17,
"right": 160,
"width": 143,
"bottom": 10193,
"height": 44
}
}
},
{
"node": {
"lhId": "1-12-A",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,3,MAIN,6,SECTION,0,DIV,2,DIV,0,SECTION,1,DIV,3,DIV,1,DIV,2,DIV,0,A",
"type": "node",
"snippet": "<a class=\"hds-button hds-button--secondary\" href=\"/jp/customers/le-monde\" id=\"customer-content-LeMonde\" aria-label=\"LeMonde の事例を読む\" data-analytics-label=\"lemonde__read_the_story\">",
"selector": "div#customer-LeMonde > div#detail-customer-content-LeMonde > div.customer-stories__customer-content--read > a#customer-content-LeMonde",
"nodeLabel": "事例を表示",
"explanation": "Fix any of the following:\n Text inside the element is not included in the accessible name",
"boundingRect": {
"top": 10606,
"left": 17,
"right": 160,
"width": 143,
"bottom": 10650,
"height": 44
}
}
}
],
"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"
}
}Avoid enormous network payloads
Total size was 2,815 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://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/pages/_app-45931b1f2d46952d.js",
"totalBytes": 459252
},
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/pages/index-f0efed39c5e55ebe.js",
"totalBytes": 255659
},
{
"url": "https://stripe.com/jp",
"totalBytes": 196903
},
{
"url": "https://www.googletagmanager.com/gtag/js?id=G-SEKFWD1C9J&cx=c>m=4e6921",
"totalBytes": 187811
},
{
"url": "https://www.googletagmanager.com/gtm.js?id=GTM-WK8882T",
"totalBytes": 183783
},
{
"url": "https://www.googletagmanager.com/gtag/js?id=AW-848119022&cx=c>m=4e6921",
"totalBytes": 164651
},
{
"url": "https://www.googletagmanager.com/gtag/destination?id=DC-10460294&cx=c>m=4e6921",
"totalBytes": 142330
},
{
"url": "https://images.stripeassets.com/fzn2n1nzq965/43eqkFV1GG5GqcbNNeEzVp/8f4705b1b80a4c835c2960ed8055d649/ConnectMobileBackground.jpg?w=816&fm=webp&q=90",
"totalBytes": 100804
},
{
"url": "https://images.stripeassets.com/fzn2n1nzq965/2hmAf1AbLIejlWrAYU4iiK/cf0f4918753c76d8e37782e084d16320/map_dots.png",
"totalBytes": 73504
},
{
"url": "https://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/55369f66-92e84f6aba0a73a8.js",
"totalBytes": 71433
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes"
}
],
"sortedBy": [
"totalBytes"
]
}Reduce unused JavaScript
Est savings of 94 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://b.stripecdn.com/mkt-ssr-statics/assets/_next/static/chunks/pages/_app-45931b1f2d46952d.js",
"totalBytes": 424153,
"wastedBytes": 95784,
"wastedPercent": 22.5823510387345
}
],
"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": 95784
}测试环境与原始指标
{
"finalUrl": "https://stripe.com/jp",
"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": 7232.764599999997
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 543.5
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 3625.4518000000003
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 7433.727864430411
}
]
}01 / 值得借鉴
好设计，具体好在哪
色彩有明确运动方向
橙、粉、紫的斜向区域从右上贯穿首屏，正文仍置于更安静的左侧阅读区。
从主张过渡到证明
主操作下方就是客户标识，随后继续解释业务方案，信息顺序清楚。
02 / 下一步
值得继续打磨的地方
- 01
降低辅助数字的干扰
首屏主标题上方还有精细的比例数字，与核心价值关系需要读者推断。
保留规模信息但简化显示精度，并通过简短说明提供指标含义；不要让变化中的数字抢走注册入口的注意力。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#ffffff文字
#81b81a强调
#533afd字体与尺度
- 标题字体
- sohne-var
- 正文字体
- sohne-var
- 标题 / 正文
- 48px / 16px
间距与形状
- 区块间距
- 16px
- 组件内距
- 0px
- 卡片圆角
- 0px
- 按钮圆角
- 4px
参数来自页面元素采样，空值表示未取得；不将单个元素的参数当作全站规范。
04 / 检查依据
观察与实测依据
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
转化1 项观察
降低辅助数字的干扰
首屏主标题上方还有精细的比例数字，与核心价值关系需要读者推断。
保留规模信息但简化显示精度，并通过简短说明提供指标含义；不要让变化中的数字抢走注册入口的注意力。
desktop.png: Global GDP running on Stripe metric
链接分享预览
Stripe | Financial Infrastructure to Grow Your Revenue
Stripe is a financial services platform that helps all types of businesses accept payments, build flexible billing models, and manage money movement.
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
请基于 https://stripe.com 的 2026-09-05T03:20:14.705Z 页面快照优化当前项目。先确认当前实现与快照差异，不要把已变化的内容重新改回旧版。
设计基线
导航下方先放业务规模提示和多行价值说明，紫色 Get started 与 Google 注册成组出现，客户标识作为下一层证明，再进入解决方案章节。手机缩短主标题并将注册动作堆叠，保留品牌光带。借鉴网格和色彩方向，客户名单及统计必须使用目标项目自己的可验证资料。
{
"colors": [
{
"role": "bg",
"hex": "#ffffff"
},
{
"role": "ink",
"hex": "#81b81a"
},
{
"role": "accent",
"hex": "#533afd"
}
],
"fonts": {
"body": "sohne-var",
"display": "sohne-var",
"stack": [
"sohne-var"
]
},
"radius": {
"button": "4px",
"card": "0px",
"field": ""
},
"space": {
"section": "16px",
"card": "0px"
},
"type": {
"h1": "48px",
"body": "16px",
"weight": "300",
"lineHeight": "normal",
"letterSpacing": "-0.96px"
}
}
数据来自同次页面采集；字体、圆角和间距为具体元素采样，不代表全站唯一设计规范。空值为未取得。HTML 为源码体积，不是压缩传输量；脚本数为 DOM 标签数，不是请求数。
执行事项
1. 降低辅助数字的干扰
保留规模信息但简化显示精度，并通过简短说明提供指标含义；不要让变化中的数字抢走注册入口的注意力。
依据: desktop.png: Global GDP running on Stripe metric
验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“Get started”。
- 保留已有品牌、登录和业务链路，不从静态截图推断交互故障。
- 只修复有证据的项；涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图，并执行相关功能测试。不要声称未经测试的功能已通过。