Menu:

Webpage Performance Test Result

Screenshot

View:

Tools:

Export

Core Web Vitals

This page details results from metrics that Google has deemed Core Web Vitals . For more information about these metrics and their significance, check out our Core Web Vitals Guide.

Observed Web Vitals Metrics (Collected in this WPT test run)

Largest Contentful Paint

.88S

Cumulative Layout Shift

0

Total Blocking Time

.49S

Largest Contentful Paint (878ms)

View as Filmstrip - View Video - About Largest Contentful Paint (LCP)

200ms
900ms
1100ms

LCP Event Summary

See full details

Time878ms
Size93628px²
Typetext
Element TypeH1
Background Imagelinear-gradient(rgb(85, 85, 85), rgb(0, 0, 0))
Outer HTML<h1 class="intro_title__TZuNV intro_gridLineBottom__z9ocp gradient-text uwu-hidden">The React Framework <span class="intro_break__0O29s"></span>for the Web<svg aria-hidden="true" class="intro_gridCircle__Hyh0y" data-side="bottom-right" fill="none" height="75" viewBox="0 0 75 75" width="75"><path d="M74 37.5C74 30.281 71.8593 23.2241 67.8486 17.2217C63.838 11.2193 58.1375 6.541 51.4679 3.7784C44.7984 1.0158 37.4595 0.292977 30.3792 1.70134C23.2989 3.1097 16.7952 6.58599 11.6906 11.6906C6.58599 16.7952 3.1097 23.2989 1.70134 30.3792C0.292977 37.4595 1.0158 44.7984 3.7784 51.4679C6.541 58.1375 11.2193 63.838 17.2217 67.8486C23.2241 71.8593 30.281 74 37.5 74" opacity="var(--line-opacity)" stroke="url(#paint0_angular_25_2122)" stroke-dasharray="2 2"></path><defs><radialGradient cx="0" cy="0" gradientTransform="translate(37.5 37.5) rotate(90) scale(36.5)" gradientUnits="userSpaceOnUse" id="paint0_angular_25_2122" r="1"><stop></stop><stop offset="0.5" stop-opacity="0.34"></stop><stop offset="1"></stop></radialGradient></defs></svg></h1>...

LCP: 878 ms

Start Render
First Contentful Paint
Largest Contentful Paint
Layout Shift
DOM Interactive
DOM Content Loaded
On Load
Document Complete
Render Blocking Resource Insecure Request 3xx response4xx+ response
 Doesn't Belong to Main Doc 
Step_1 1: https://nextjs.org/ 2: https://nextjs.org/_next/static/media/569ce4b8f30dc480-s.p.woff2 3: https://nextjs.org/_next/static/media/93f479601ee12b01-s.p.woff2 4: https://nextjs.org/_next/static/css/619f72c7c535be86.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 5: https://nextjs.org/_next/static/css/3a4b7cc0153d49b4.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 6: https://nextjs.org/_next/static/css/467bcec2f0697ea8.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 7: https://nextjs.org/_next/static/css/d98dbdae6718c005.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 8: https://nextjs.org/_next/static/css/bfc235d8dfd01529.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 9: https://nextjs.org/_next/static/css/824202e71e79374d.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 10: https://nextjs.org/_next/static/css/83fe6bc36ad4703d.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 11: https://nextjs.org/_next/static/css/e24edfc194dc431a.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 12: https://nextjs.org/_next/static/css/baf446a5c20b5fd4.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 13: https://nextjs.org/_next/static/css/ae3e3a22097c45c5.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 14: https://nextjs.org/_next/static/css/d0ff9d3e1482d969.css?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 15: https://nextjs.org/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=640&q=75 16: https://nextjs.org/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&w=64&q=75 17: https://nextjs.org/_next/static/media/notion-light.81ef52bd.svg 18: https://nextjs.org/_next/static/media/notion-dark.b0043062.svg 19: https://nextjs.org/_next/static/media/adobe-light.05b66910.svg 20: https://nextjs.org/_next/static/media/adobe-dark.8bd75ae3.svg 21: https://nextjs.org/_next/static/chunks/webpack-4abafdd03ce1dfd5.js?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 22: https://nextjs.org/_next/static/chunks/e50e6b2d-a7e8d2a373efb7a9.js?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 23: https://nextjs.org/_next/static/chunks/6812-8eef013c538db0b2.js?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 24: https://nextjs.org/_next/static/chunks/main-app-4afdacee28ed2fd3.js?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 25: https://nextjs.org/_next/static/chunks/9848-43a24afc5f1ecdcd.js?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 26: https://nextjs.org/_next/static/chunks/9152-38c35e52a9bea7d1.js?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA 27: https://nextjs.org/_next/static/chunks/7909-06b2b5d6142e5fa5.js?dpl=dpl_6JVwqnwdCnEyeTBQFuP5YPBEXQfA

Full LCP Event Information

  • time: 878
  • size: 93628
  • element:
    • nodeName: H1
    • boundingRect:
      • x: 126.578125
      • y: 208
      • width: 1097.84375
      • height: 116.296875
      • top: 208
      • right: 1224.421875
      • bottom: 324.296875
      • left: 126.578125
    • outerHTML: <h1 class="intro_title__TZuNV intro_gridLineBottom__z9ocp gradient-text uwu-hidden">The React Framework <span class="intro_break__0O29s"></span>for the Web<svg aria-hidden="true" class="intro_gridCircle__Hyh0y" data-side="bottom-right" fill="none" height="75" viewBox="0 0 75 75" width="75"><path d="M74 37.5C74 30.281 71.8593 23.2241 67.8486 17.2217C63.838 11.2193 58.1375 6.541 51.4679 3.7784C44.7984 1.0158 37.4595 0.292977 30.3792 1.70134C23.2989 3.1097 16.7952 6.58599 11.6906 11.6906C6.58599 16.7952 3.1097 23.2989 1.70134 30.3792C0.292977 37.4595 1.0158 44.7984 3.7784 51.4679C6.541 58.1375 11.2193 63.838 17.2217 67.8486C23.2241 71.8593 30.281 74 37.5 74" opacity="var(--line-opacity)" stroke="url(#paint0_angular_25_2122)" stroke-dasharray="2 2"></path><defs><radialGradient cx="0" cy="0" gradientTransform="translate(37.5 37.5) rotate(90) scale(36.5)" gradientUnits="userSpaceOnUse" id="paint0_angular_25_2122" r="1"><stop></stop><stop offset="0.5" stop-opacity="0.34"></stop><stop offset="1"></stop></radialGradient></defs></svg></h1>
    • background-image: linear-gradient(rgb(85, 85, 85), rgb(0, 0, 0))
    • content: normal
  • type: text

Cumulative Layout Shift (0)

View as Filmstrip - View Video - About Cumulative Layout Shift (CLS)

Window 0 (0)

Hover over any image to see the previous frame and the effect of the layout shift.

  • 794ms (0.00018)

Total Blocking Time (487 ms)

About Total Blocking Time (TBT)


View in Chrome Dev Tools Performance Panel

Main Thread Blocking Time by Script Origin

Script Origin Blocking Time (ms)
nextjs.org354