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.
Words
2024
Action candidates
23
Images
34
HTML
651 KB
Primary
Get started
Next.js / Lovable
Simulated mobile · Performance
2026-09-05 · Run warnings: results may be incomplete.
Simulated mobile · Lab data, not field data
2026-09-05T04:02:45.694Z · Lighthouse 13.4.1
This run has warnings; results may be incomplete: 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.
Results vary by server, network and environment, independently of taste/conversion scores. Diagnostics retain Lighthouse wording.
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.
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.
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
}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"
}
]
}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"
]
}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"
]
}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"
}
]
}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"
}
}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"
}
}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"
}
}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"
]
}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 / WHAT WORKS
Orange, pink and purple sweep diagonally from the upper right while text occupies a quieter left reading zone.
Customer logos immediately follow the primary actions before the page expands into business solutions.
02 / NEXT STEPS
A precise percentage above the headline introduces a secondary metric whose relevance requires interpretation.
Retain the scale cue with less display precision and a short definition, keeping changing digits subordinate to signup.
03 / DESIGN LANGUAGE
Background
#ffffffText
#81b81aAccent
#533afdParameters are element samples. Empty values are unknown, and individual samples are not site-wide rules.
04 / EVIDENCE
Values come from one capture. Fonts, radii and spacing are element samples, not a universal site-wide specification. Empty values are unknown. HTML bytes are source size, not compressed transfer size; script counts are DOM tags, not network requests.
A precise percentage above the headline introduces a secondary metric whose relevance requires interpretation.
Retain the scale cue with less display precision and a short definition, keeping changing digits subordinate to signup.
desktop.png: Global GDP running on Stripe metric

Stripe is a financial services platform that helps all types of businesses accept payments, build flexible billing models, and manage money movement.
05 / MAKE IT HAPPEN
Use the improvement prompt for this page, or the design prompt to borrow its visual language. “Recreate” includes references and implementation steps. Paste either into your coding assistant.
Improve the current project using the 2026-09-05T03:20:14.705Z snapshot of https://stripe.com. First identify changes since capture; do not revert newer behavior to the old snapshot.
Design baseline
A scale cue and multi-line proposition lead to purple Get started and Google signup, followed by customer logos and solution chapters. Mobile shortens the headline, stacks signup actions and retains the diagonal color field. Adapt the grid and color direction; use only the target project’s verified customers and statistics.
{
"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"
}
}
Values come from one capture. Fonts, radii and spacing are element samples, not a universal site-wide specification. Empty values are unknown. HTML bytes are source size, not compressed transfer size; script counts are DOM tags, not network requests.
Actions
1. Reduce distraction from secondary metrics
Retain the scale cue with less display precision and a short definition, keeping changing digits subordinate to signup.
Evidence: desktop.png: Global GDP running on Stripe metric
Acceptance
- Check text, layout and the main action “Get started” at 1440×900 and 390×844.
- Preserve branding, authentication and business behavior. A screenshot does not prove broken interaction.
- Change only evidence-backed issues. Validate security headers against existing resources and authentication in report-only mode where supported.
- Compare before/after screenshots and run relevant functional tests. Do not claim untested behavior passed.