https://midjourney.com

页面构成与技术指标

正文

220

操作候选

11

图片

8

HTML

28 KB

文案

标题字数
10偏短
摘要字数
119
H1
4
H2
0

动作

主要入口

Sign Up

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

安全与页面元信息

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

构成

React / Tailwind

脚本
6 ext / 3 inline
语言
en
第三方域
4

Lighthouse

移动端模拟 · 性能评分

30 / 100

2026-09-05 · 本次测试有警告,结果可能不完整。

查看详情

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

本次测试有警告,结果可能不完整: The page may not be loading as expected because your test URL (https://midjourney.com/) was redirected to https://www.midjourney.com/. Try testing the second URL directly.

性能30/ 100
可访问性100/ 100
最佳实践54/ 100
SEO91/ 100
LCP · 主要内容出现10,288 ms
CLS · 布局偏移0.000
TBT · 主线程阻塞1,328 ms
FCP · 首次内容绘制9,687 ms
SI · 视觉加载速度20,090 ms

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

Browser errors were logged to the console

Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "source": "exception",
      "description": "Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\n    at Z00 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:6:4203)\n    at _U0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:71745)\n    at EU0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38272)\n    at Xi0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38195)\n    at nm (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38044)\n    at AU0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:33027)\n    at Ze (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:1:9096)\n    at MessagePort.is (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:1:9504)",
      "sourceLocation": {
        "url": "https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js",
        "line": 5,
        "type": "source-location",
        "column": 4202,
        "urlProvider": "network"
      }
    },
    {
      "source": "exception",
      "description": "Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\n    at Z00 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:6:4327)\n    at _U0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:71745)\n    at EU0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38272)\n    at Xi0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38195)\n    at nm (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38044)\n    at AU0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:33027)\n    at Ze (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:1:9096)\n    at MessagePort.is (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:1:9504)",
      "sourceLocation": {
        "url": "https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js",
        "line": 5,
        "type": "source-location",
        "column": 4326,
        "urlProvider": "network"
      }
    },
    {
      "source": "exception",
      "description": "Error: Minified React error #423; visit https://reactjs.org/docs/error-decoder.html?invariant=423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\n    at _U0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:71398)\n    at EU0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38272)\n    at Xi0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38195)\n    at nm (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:38044)\n    at G00 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:34327)\n    at AU0 (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:8:33264)\n    at Ze (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:1:9096)\n    at MessagePort.is (https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js:1:9504)",
      "sourceLocation": {
        "url": "https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js",
        "line": 7,
        "type": "source-location",
        "column": 71397,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: the server responded with a status of 403 ()",
      "sourceLocation": {
        "url": "https://www.midjourney.com/public/manifest.json",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "network",
      "description": "Failed to load resource: the server responded with a status of 403 ()",
      "sourceLocation": {
        "url": "https://www.midjourney.com/public/manifest.json",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "other",
      "description": "Manifest fetch from https://www.midjourney.com/public/manifest.json failed, code 403",
      "sourceLocation": {
        "url": "https://www.midjourney.com/",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    },
    {
      "source": "other",
      "description": "Manifest fetch from https://www.midjourney.com/public/manifest.json failed, code 403",
      "sourceLocation": {
        "url": "https://www.midjourney.com/home",
        "line": 0,
        "type": "source-location",
        "column": 0,
        "urlProvider": "network"
      }
    }
  ],
  "headings": [
    {
      "key": "sourceLocation",
      "label": "Source",
      "valueType": "source-location"
    },
    {
      "key": "description",
      "label": "Description",
      "valueType": "code"
    }
  ]
}

Avoid multiple page redirects

Est savings of 1,070 ms

Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.

对应元素与资源
{
  "type": "opportunity",
  "items": [
    {
      "url": "https://midjourney.com/",
      "wastedMs": 1072.8406
    },
    {
      "url": "https://www.midjourney.com/",
      "wastedMs": 0
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "wastedMs",
      "label": "Time Spent",
      "valueType": "timespanMs"
    }
  ],
  "overallSavingsMs": 1072.8406
}

Uses deprecated APIs

4 warnings found

Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "value": "Attribution Reporting is deprecated and will be removed. See https://goo.gle/ps-status for details.",
      "source": {
        "url": "https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js",
        "line": 174,
        "type": "source-location",
        "column": 475,
        "urlProvider": "network"
      },
      "subItems": {
        "type": "subitems",
        "items": [
          {
            "url": "https://chromestatus.com/feature/6320639375966208",
            "text": "Check the feature status page for more details.",
            "type": "link"
          }
        ]
      }
    },
    {
      "value": "The Shared Storage API is deprecated and will be removed in a future release.",
      "source": {
        "url": "https://www.midjourney.com/cdn-cgi/challenge-platform/scripts/jsd/main.js",
        "line": 0,
        "type": "source-location",
        "column": 10385,
        "urlProvider": "network"
      },
      "subItems": {
        "type": "subitems",
        "items": [
          {
            "url": "https://chromestatus.com/feature/5076349064708096",
            "text": "Check the feature status page for more details.",
            "type": "link"
          }
        ]
      }
    },
    {
      "value": "StorageType.persistent is deprecated. Please use standardized navigator.storage instead.",
      "source": {
        "url": "https://www.midjourney.com/cdn-cgi/challenge-platform/scripts/jsd/main.js",
        "line": 0,
        "type": "source-location",
        "column": 10385,
        "urlProvider": "network"
      },
      "subItems": {
        "type": "subitems",
        "items": [
          {
            "url": "https://chromestatus.com/feature/5176235376246784",
            "text": "Check the feature status page for more details.",
            "type": "link"
          },
          {
            "url": "https://chromiumdash.appspot.com/schedule",
            "text": "This change will go into effect with milestone 106.",
            "type": "link"
          }
        ]
      }
    },
    {
      "value": "The Protected Audience API is deprecated and will be removed in a future release.",
      "source": {
        "url": "https://www.midjourney.com/cdn-cgi/challenge-platform/scripts/jsd/main.js",
        "line": 0,
        "type": "source-location",
        "column": 10385,
        "urlProvider": "network"
      }
    }
  ],
  "headings": [
    {
      "key": "value",
      "label": "Deprecation / Warning",
      "valueType": "text"
    },
    {
      "key": "source",
      "label": "Source",
      "valueType": "source-location"
    }
  ]
}

Uses third-party cookies

2 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://googleads.g.doubleclick.net/pagead/viewthroughconversion/16508112792/?random=1788580819255&cv=11&fst=1788580819255&bg=ffffff&guid=ON&async=1&en=gtag.config&gtm=45be6930h2v9180911394za200zd9180911394xec&gcd=13n3n3n3n5l1&dma=0&tag_exp=115938465~115938469~118897920~118897930~120213116~120385422~120469145~120469153~120914213&u_w=412&u_h=823&url=https%3A%2F%2Fwww.midjourney.com%2Fhome&rcb=6&frm=0&tiba=Midjourney&hn=www.googleadservices.com&npa=0&pscdl=noapi&auid=1209704778.1788580819&uaa=&uab=64&uafvl=Chromium%3B151.0.7922.34%7CNot%253DA%253FBrand%3B99.0.0.0&uamb=1&uam=moto%20g%20power%20(2022)&uap=Android&uapv=11.0&uaw=0&data=event%3Dgtag.config&ept=9&rfmt=3&fmt=4",
      "name": "test_cookie"
    },
    {
      "url": "https://www.facebook.com/tr/?id=1012717194141535&ev=PageView&dl=https%3A%2F%2Fwww.midjourney.com%2Fhome&rl=&if=false&ts=1788580820309&iw=false&sw=412&sh=823&v=2.9.393&r=stable&ec=0&o=4126&aems=0%3B0&fbp=fb.1.1788580820305.138856216178331373&ler=empty&cdl=API_unavailable&pmd[title]=Midjourney&pmd[locale]=en&pmd[description]=An%20independent%20research%20lab%20exploring%20new%20mediums%20of%20thought%20and%20expanding%20the%20imaginative%20powers%20of%20the%20human%20species.&plt=1334.5&iss=1&ss=%7B%22page_description%22%3A%5B%7B%22rid%22%3A%22906634568874047%22%2C%22v%22%3A%5B%22An%20independent%20research%20lab%20exploring%20new%20mediums%20of%20thought%20and%20expanding%20the%20imaginative%20powers%20of%20the%20human%20species.%22%5D%7D%5D%2C%22entity_name%22%3A%5B%7B%22rid%22%3A%221081312717785193%22%2C%22v%22%3A%5B%22Midjourney%22%5D%7D%5D%7D&imft=1&tz=480&it=1788580819231&coo=false&chmd=moto%20g%20power%20(2022)&chpv=11.0&chfv=undefined&expv2[0]=pl1&expv2[1]=el2&expv2[2]=bc1&expv2[3]=ra2&expv2[4]=rp2&expv2[5]=im0&expv2[6]=hf1&expv2[7]=sd1&expv2[8]=sp1&expv2[9]=ek1&expv2[10]=pc1&expv2[11]=gs1&expv2[12]=zs1&expv2[13]=cp1&expv2[14]=es1&expv2[15]=ac1&expv2[16]=so1&expv2[17]=wc1&expv2[18]=la1&expv2[19]=sf1&expv2[20]=da1&expv2[21]=io1&expv2[22]=ae1&expv2[23]=sx1&expv2[24]=if1&expv2[25]=fd1&expv2[26]=bg1&expv2[27]=mg1&expv2[28]=kl1&expv2[29]=sg1&expv2[30]=mk1&expv2[31]=sn1&expv2[32]=ec1&expv2[33]=mp1&expv2[34]=ps1&expv2[35]=fx1&expv2[36]=vt1&expv2[37]=dp0&expv2[38]=tz1&rqm=GET",
      "name": "fr"
    }
  ],
  "headings": [
    {
      "key": "name",
      "label": "Name",
      "valueType": "text"
    },
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    }
  ]
}

Minimize main-thread work

6.8 s

Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "group": "scriptEvaluation",
      "duration": 5793.231999999928,
      "groupLabel": "Script Evaluation"
    },
    {
      "group": "other",
      "duration": 688.3600000000077,
      "groupLabel": "Other"
    },
    {
      "group": "scriptParseCompile",
      "duration": 124.27199999999998,
      "groupLabel": "Script Parsing & Compilation"
    },
    {
      "group": "styleLayout",
      "duration": 79.11200000000001,
      "groupLabel": "Style & Layout"
    },
    {
      "group": "paintCompositeRender",
      "duration": 74.61199999999998,
      "groupLabel": "Rendering"
    },
    {
      "group": "parseHTML",
      "duration": 19.187999999999995,
      "groupLabel": "Parse HTML & CSS"
    },
    {
      "group": "garbageCollection",
      "duration": 15.339999999999991,
      "groupLabel": "Garbage Collection"
    }
  ],
  "headings": [
    {
      "key": "groupLabel",
      "label": "Category",
      "valueType": "text"
    },
    {
      "key": "duration",
      "label": "Time Spent",
      "valueType": "ms",
      "granularity": 1
    }
  ],
  "sortedBy": [
    "duration"
  ]
}

Reduce JavaScript execution time

5.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://www.midjourney.com/cdn-cgi/challenge-platform/scripts/jsd/main.js",
      "total": 3963.3799999999683,
      "scripting": 3958.115999999968,
      "scriptParseCompile": 1.32
    },
    {
      "url": "https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js",
      "total": 1681.228000000004,
      "scripting": 1455.8320000000037,
      "scriptParseCompile": 15.532
    },
    {
      "url": "Unattributable",
      "total": 536.044000000009,
      "scripting": 13.731999999999989,
      "scriptParseCompile": 0
    },
    {
      "url": "https://www.midjourney.com/",
      "total": 152.27599999999987,
      "scripting": 20.591999999999988,
      "scriptParseCompile": 1.704
    },
    {
      "url": "https://www.googletagmanager.com/gtag/js?id=AW-16508112792",
      "total": 150.31200000000098,
      "scripting": 121.21600000000096,
      "scriptParseCompile": 27.812
    },
    {
      "url": "https://connect.facebook.net/en_US/fbevents.js",
      "total": 109.36400000000033,
      "scripting": 83.28400000000032,
      "scriptParseCompile": 25.040000000000003
    },
    {
      "url": "https://connect.facebook.net/signals/config/1012717194141535?v=2.9.393&r=stable&domain=www.midjourney.com&im=1&hme=118644ce20ff837cfc6c6ee441987e9e11b8b9fb8ec6bc04b15a3c516441ba07&ex_m=115%2C226%2C166%2C26%2C80%2C81%2C158%2C76%2C75%2C11%2C176%2C100%2C20%2C150%2C138%2C45%2C83%2C88%2C146%2C171%2C178%2C31%2C17%2C30%2C18%2C32%2C33%2C34%2C36%2C54%2C159%2C85%2C123%2C22%2C24%2C50%2C46%2C48%2C47%2C93%2C102%2C106%2C121%2C157%2C160%2C52%2C122%2C28%2C25%2C130%2C77%2C42%2C162%2C161%2C163%2C154%2C152%2C29%2C41%2C65%2C120%2C173%2C78%2C21%2C125%2C91%2C74%2C23%2C95%2C96%2C127%2C94%2C148%2C147%2C151%2C107%2C172%2C175%2C40%2C55%2C124%2C53%2C8%2C4%2C5%2C7%2C6%2C3%2C101%2C112%2C179%2C193%2C240%2C82%2C254%2C253%2C252%2C14%2C27%2C39%2C61%2C114%2C67%2C10%2C71%2C108%2C109%2C110%2C116%2C141%2C37%2C35%2C143%2C144%2C145%2C140%2C139%2C167%2C84%2C170%2C168%2C169%2C56%2C66%2C134%2C19%2C174%2C51%2C303%2C304%2C305%2C302%2C318%2C340%2C233%2C222%2C68%2C223%2C221%2C343%2C334%2C58%2C234%2C118%2C142%2C90%2C132%2C60%2C131%2C137%2C136%2C64%2C72%2C70%2C164%2C86%2C87%2C126%2C43%2C38%2C59%2C62%2C111%2C177%2C1%2C135%2C16%2C133%2C12%2C2%2C63%2C103%2C15%2C73%2C69%2C129%2C99%2C98%2C181%2C182%2C104%2C105%2C9%2C113%2C180%2C57%2C155%2C97%2C89%2C79%2C128%2C117%2C49%2C156%2C0%2C92%2C149%2C153%2C165%2C44%2C119%2C13%2C183",
      "total": 72.01999999999978,
      "scripting": 52.07599999999979,
      "scriptParseCompile": 19.82
    },
    {
      "url": "https://www.midjourney.com/__/auth/iframe.js",
      "total": 65.036,
      "scripting": 44.779999999999994,
      "scriptParseCompile": 16.528
    }
  ],
  "summary": {
    "wastedMs": 5857.383999999973
  },
  "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://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js"
    }
  ],
  "headings": [
    {
      "key": "scriptUrl",
      "label": "URL",
      "valueType": "url",
      "subItemsHeading": {
        "key": "error"
      }
    },
    {
      "key": "sourceMapUrl",
      "label": "Map URL",
      "valueType": "url"
    }
  ]
}

Avoid enormous network payloads

Total size was 15,310 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://www.midjourney.com/public/assets/images/homepage/eye.png",
      "totalBytes": 2575167
    },
    {
      "url": "https://www.midjourney.com/public/assets/images/homepage/people.png",
      "totalBytes": 2294651
    },
    {
      "url": "https://www.midjourney.com/public/assets/images/homepage/brain.png",
      "totalBytes": 1907487
    },
    {
      "url": "https://www.midjourney.com/public/assets/images/homepage/face.png",
      "totalBytes": 1639414
    },
    {
      "url": "https://www.midjourney.com/public/assets/images/homepage/heart.png",
      "totalBytes": 1480976
    },
    {
      "url": "https://www.midjourney.com/public/out/clientSideEntry-3d95ddj7.js",
      "totalBytes": 1349196
    },
    {
      "url": "https://www.midjourney.com/public/assets/images/homepage/lips.png",
      "totalBytes": 1279599
    },
    {
      "url": "https://www.midjourney.com/public/assets/images/homepage/pen.png",
      "totalBytes": 1127960
    },
    {
      "url": "https://www.midjourney.com/public/assets/images/homepage/hand.png",
      "totalBytes": 1088625
    },
    {
      "url": "https://www.googletagmanager.com/gtag/js?id=AW-16508112792",
      "totalBytes": 165068
    }
  ],
  "headings": [
    {
      "key": "url",
      "label": "URL",
      "valueType": "url"
    },
    {
      "key": "totalBytes",
      "label": "Transfer Size",
      "valueType": "bytes"
    }
  ],
  "sortedBy": [
    "totalBytes"
  ]
}

Reduce unused JavaScript

Est savings of 1,016 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.midjourney.com/public/out/clientSideEntry-3d95ddj7.js",
      "totalBytes": 1300537,
      "wastedBytes": 896899,
      "wastedPercent": 68.9637100515347
    },
    {
      "url": "https://www.midjourney.com/__/auth/iframe.js",
      "totalBytes": 91980,
      "wastedBytes": 56384,
      "wastedPercent": 61.30073369931819
    },
    {
      "url": "https://www.googletagmanager.com/gtag/js?id=AW-16508112792",
      "totalBytes": 147243,
      "wastedBytes": 49359,
      "wastedPercent": 33.522382596500464
    },
    {
      "url": "https://connect.facebook.net/en_US/fbevents.js",
      "totalBytes": 108700,
      "wastedBytes": 37933,
      "wastedPercent": 34.89666155848467
    }
  ],
  "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": 4510,
      "LCP": 4360
    }
  },
  "overallSavingsMs": 4360,
  "overallSavingsBytes": 1040575
}

Issues were logged in the `Issues` panel in Chrome Devtools

Issues logged to the `Issues` panel in Chrome Devtools indicate unresolved problems. They can come from network request failures, insufficient security controls, and other browser concerns. Open up the Issues panel in Chrome DevTools for more details on each issue.

对应元素与资源
{
  "type": "table",
  "items": [
    {
      "subItems": {
        "type": "subitems",
        "items": [
          {
            "url": "https://googleads.g.doubleclick.net/pagead/viewthroughconversion/16508112792/?random=1788580819255&cv=11&fst=1788580819255&bg=ffffff&guid=ON&async=1&en=gtag.config&gtm=45be6930h2v9180911394za200zd9180911394xec&gcd=13n3n3n3n5l1&dma=0&tag_exp=115938465~115938469~118897920~118897930~120213116~120385422~120469145~120469153~120914213&u_w=412&u_h=823&url=https%3A%2F%2Fwww.midjourney.com%2Fhome&rcb=6&frm=0&tiba=Midjourney&hn=www.googleadservices.com&npa=0&pscdl=noapi&auid=1209704778.1788580819&uaa=&uab=64&uafvl=Chromium%3B151.0.7922.34%7CNot%253DA%253FBrand%3B99.0.0.0&uamb=1&uam=moto%20g%20power%20(2022)&uap=Android&uapv=11.0&uaw=0&data=event%3Dgtag.config&ept=9&rfmt=3&fmt=4"
          },
          {
            "url": "https://www.facebook.com/tr/?id=1012717194141535&ev=PageView&dl=https%3A%2F%2Fwww.midjourney.com%2Fhome&rl=&if=false&ts=1788580820309&iw=false&sw=412&sh=823&v=2.9.393&r=stable&ec=0&o=4126&aems=0%3B0&fbp=fb.1.1788580820305.138856216178331373&ler=empty&cdl=API_unavailable&pmd[title]=Midjourney&pmd[locale]=en&pmd[description]=An%20independent%20research%20lab%20exploring%20new%20mediums%20of%20thought%20and%20expanding%20the%20imaginative%20powers%20of%20the%20human%20species.&plt=1334.5&iss=1&ss=%7B%22page_description%22%3A%5B%7B%22rid%22%3A%22906634568874047%22%2C%22v%22%3A%5B%22An%20independent%20research%20lab%20exploring%20new%20mediums%20of%20thought%20and%20expanding%20the%20imaginative%20powers%20of%20the%20human%20species.%22%5D%7D%5D%2C%22entity_name%22%3A%5B%7B%22rid%22%3A%221081312717785193%22%2C%22v%22%3A%5B%22Midjourney%22%5D%7D%5D%7D&imft=1&tz=480&it=1788580819231&coo=false&chmd=moto%20g%20power%20(2022)&chpv=11.0&chfv=undefined&expv2[0]=pl1&expv2[1]=el2&expv2[2]=bc1&expv2[3]=ra2&expv2[4]=rp2&expv2[5]=im0&expv2[6]=hf1&expv2[7]=sd1&expv2[8]=sp1&expv2[9]=ek1&expv2[10]=pc1&expv2[11]=gs1&expv2[12]=zs1&expv2[13]=cp1&expv2[14]=es1&expv2[15]=ac1&expv2[16]=so1&expv2[17]=wc1&expv2[18]=la1&expv2[19]=sf1&expv2[20]=da1&expv2[21]=io1&expv2[22]=ae1&expv2[23]=sx1&expv2[24]=if1&expv2[25]=fd1&expv2[26]=bg1&expv2[27]=mg1&expv2[28]=kl1&expv2[29]=sg1&expv2[30]=mk1&expv2[31]=sn1&expv2[32]=ec1&expv2[33]=mp1&expv2[34]=ps1&expv2[35]=fx1&expv2[36]=vt1&expv2[37]=dp0&expv2[38]=tz1&rqm=GET"
          },
          {
            "url": "https://googleads.g.doubleclick.net/pagead/viewthroughconversion/16508112792/?random=1743935291&cv=11&fst=1788580819268&fmt=8&bg=ffffff&guid=ON&async=1&en=page_view&gtm=45be6930h2v9180911394za200zd9180911394xec&gcs=G111&gcd=13n3n3n3n5l1&dma=0&tag_exp=115938465~115938469~118897920~118897930~120213116~120385422~120469145~120469153~120914213&u_w=412&u_h=823&url=https%3A%2F%2Fwww.midjourney.com%2Fhome&rcb=6&capi=1&gtm_ee=1&frm=0&tiba=Midjourney&npa=0&pscdl=noapi&auid=1209704778.1788580819&label=S0-DCJDlgJ8ZEJif1789&hn=www.googleadservices.com&uaa=&uab=64&uafvl=Chromium%3B151.0.7922.34%7CNot%253DA%253FBrand%3B99.0.0.0&uamb=1&uam=moto%20g%20power%20(2022)&uap=Android&uapv=11.0&uaw=0&ec_mode=a&oidsrc=3&ecsid2=2013868064.1788580819&_tu=ABA&gcl_ctr=1~0~0~0&data=event%3Dgtag.config&category=acrcp_v1_512&em=tv.1&emd=tvd.1&ept=5&ct_cookie_present=false&eoid=CkUKEQjw2OnUBhCetNqnr9a39pMBEjAAbLgCCnxrAqM9RaCTK-Vtx1iSULxMyCFdhulJlRCXL69Lprj8TDJVFcSdAwnCuL3w_wcB&crd=CLTesQII8t-xAgit4bECCK_hsQIIobixAgixwbECCLDBsQIIscOxAgiKxbECCMLJsQII1-ixAgi0xrECCJPasQII29yxAgiH27ECCNPFsQII68yxAgjtzrECCNXPsQII9NqxAgji6rECCOjusQIIkuuxAgjJ47ECCJfUsQIIyduxAgjN5rECCNTmsQIIseGxAgiz4bECCKbdsQIIsN6xAgiA27ECSjB0cmlnZ2VyLCBub3QtbmF2aWdhdGlvbi1zb3VyY2UsIG5vdC1ldmVudC1zb3VyY2VaAwoBAWIDCgED&cerd=CgTbib4t&fsk=ChAI8Njp1AYQq8Git5qYw9Q0EiwAS6qtLtzBPmA34hsUcmrnimIIB5egJIBUBwh0WZKXyHTWhI-YQqDa8GOeABoCkkc&pscrd=IhMIv_HQ48bWlgMV_nnDBh386AN5OhtodHRwczovL3d3dy5taWRqb3VybmV5LmNvbS9CWENoRUk4TmpwMUFZUXhMbTY3ZC1PNk9UUkFSSXRBSklzLWxScWMtLXVZajN4Sm9Zbmhqc1JlSWJSQTNRQm1NNWtnTzZFNlpBWFVLU3FobGhpWF9UbHZIZml6DAgJYggIABAAGAAgAA"
          }
        ]
      },
      "issueType": "Cookie"
    }
  ],
  "headings": [
    {
      "key": "issueType",
      "label": "Issue type",
      "valueType": "text",
      "subItemsHeading": {
        "key": "url",
        "valueType": "url"
      }
    }
  ]
}
测试环境与原始指标
{
  "finalUrl": "https://www.midjourney.com/home",
  "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": 10288.044200000008
    },
    {
      "id": "cumulative-layout-shift",
      "unit": "unitless",
      "value": 0
    },
    {
      "id": "total-blocking-time",
      "unit": "millisecond",
      "value": 1328.0000000000073
    },
    {
      "id": "first-contentful-paint",
      "unit": "millisecond",
      "value": 9686.707400000007
    },
    {
      "id": "speed-index",
      "unit": "millisecond",
      "value": 20089.755020251883
    }
  ]
}

01 / 值得借鉴

好设计,具体好在哪

识别度来自媒介本身

字符网格、弯曲轮廓和等宽字体共同构成画面,不依赖通用的 AI 渐变球。

三种访问意图集中呈现

Sign Up、Log In、Explore 在同一个浮动容器中,手机也保留文字而不是只剩图标。

02 / 下一步

值得继续打磨的地方

  1. 01

    为首次访问补一句具体用途

    首屏以字符艺术和入口为主,产品用途要继续读 About 才更清楚。

    在入口附近增加一行简洁的产品说明,保留字符艺术主视觉;使用已有可证实的功能描述,不编造生成质量或速度保证。

03 / 设计语言

把气质拆成可复用的参数

色彩

背景

#06051d

文字

#ffffff

字体与尺度

标题字体
JetBrains Mono
正文字体
DM Sans
标题 / 正文
30px / 16px

间距与形状

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

参数来自页面元素采样,空值表示未取得;不将单个元素的参数当作全站规范。

04 / 检查依据

观察与实测依据

数据来自同次页面采集;字体、圆角和间距为具体元素采样,不代表全站唯一设计规范。空值为未取得。HTML 为源码体积,不是压缩传输量;脚本数为 DOM 标签数,不是请求数。

转化2 项观察

为首次访问补一句具体用途

首屏以字符艺术和入口为主,产品用途要继续读 About 才更清楚。

在入口附近增加一行简洁的产品说明,保留字符艺术主视觉;使用已有可证实的功能描述,不编造生成质量或速度保证。

desktop.png and mobile.png: character artwork and action group before About

分享卡片不完整

高优先级

在 X、Slack 或微信里展开成空白或套话,等于浪费已经拿到的点击。这是分发,不是装饰。

补上 og:title、og:description,以及一张和线上标题一致的 1200x630 图。

og:title=yes og:image=no
链接分享预览

05 / 开始动手

把下一步,交给你的 AI

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

查看完整指令
请基于 https://midjourney.com 的 2026-09-05T02:32:02.470Z 页面快照优化当前项目。先确认当前实现与快照差异,不要把已变化的内容重新改回旧版。

设计基线
顶部版本公告后是字符视觉和浮动三入口,往下进入 About 等文字区块。手机将入口换为两行,同时保留角色色彩与实验视觉。
{
  "colors": [
    {
      "role": "bg",
      "hex": "#06051d"
    },
    {
      "role": "ink",
      "hex": "#ffffff"
    }
  ],
  "fonts": {
    "body": "DM Sans",
    "display": "JetBrains Mono",
    "stack": [
      "DM Sans",
      "JetBrains Mono"
    ]
  },
  "radius": {
    "button": "9999px",
    "card": "",
    "field": ""
  },
  "space": {
    "section": "0px",
    "card": ""
  },
  "type": {
    "h1": "30px",
    "body": "16px",
    "weight": "400",
    "lineHeight": "24px",
    "letterSpacing": "normal"
  }
}
数据来自同次页面采集;字体、圆角和间距为具体元素采样,不代表全站唯一设计规范。空值为未取得。HTML 为源码体积,不是压缩传输量;脚本数为 DOM 标签数,不是请求数。

执行事项
1. 为首次访问补一句具体用途
在入口附近增加一行简洁的产品说明,保留字符艺术主视觉;使用已有可证实的功能描述,不编造生成质量或速度保证。
依据: desktop.png and mobile.png: character artwork and action group before About

2. 分享卡片不完整
补上 og:title、og:description,以及一张和线上标题一致的 1200x630 图。
依据: og:title=yes og:image=no

验收
- 在 1440×900 和 390×844 分别核对文字、布局和主要操作“Sign Up”。
- 保留已有品牌、登录和业务链路,不从静态截图推断交互故障。
- 只修复有证据的项;涉及安全响应头时先用报告模式验证现有资源及认证兼容性。
- 对比修改前后的截图,并执行相关功能测试。不要声称未经测试的功能已通过。