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

.68S

Cumulative Layout Shift

0

Total Blocking Time

.39S

Largest Contentful Paint (679ms)

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

200ms
800ms
900ms

LCP Event Summary

See full details

Time679ms
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: 679 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/api/ai/ping 3: https://nextjs.org/api/stream/internal 4: https://nextjs.org/api/show-consent-banner 5: https://nntahqi9c5-dsn.algolia.net/1/indexes/*/queries?x-algolia-agent=Algolia%20for%20JavaScript%20(4.10.5)%3B%20Browser%20(lite)&x-algolia-api-key=948b42d1edd177a55c6d6ae8dab24621&x-algolia-application-id=NNTAHQI9C5 6: https://nextjs.org/showcase?_rsc=15pv1 7: https://nextjs.org/docs?_rsc=15pv1 8: https://nextjs.org/blog?_rsc=15pv1 9: https://nextjs.org/learn?_rsc=15pv1 10: https://nextjs.org/learn?utm_source=next-site&utm_medium=homepage-cta&utm_campaign=home&_rsc=15pv1 11: https://nextjs.org/_vercel/insights/view 12: https://nextjs.org/_stream/external/heapanalytics.com/h?a=3987253934&u=2911041985794263&v=3518929624352582&s=5884073674820075&b=web&tv=4.0&z=0&h=%2F&d=nextjs.org&t=Next.js%20by%20Vercel%20-%20The%20React%20Framework&ts=1733359897348&ubv=131.0.0.0&upv=0&umo=Model&st=1733359897351&ei=232&et=variation 13: https://api.getkoala.com/web/projects/vercel?profile_id=63f155ca-6d5e-4e0f-821c-9526782ba30a 14: https://nextjs.org/_stream/external/heapanalytics.com/api/add_user_properties_v3?a=3987253934&u=2911041985794263&v=3518929624352582&s=5884073674820075&b=web&tv=4.0&_koala_user_id=63f155ca-6d5e-4e0f-821c-9526782ba30a&st=1733359897543&ei=232&et=variation 15: https://api.getkoala.com/web/projects/vercel/batch 16: https://api.getkoala.com/web/projects/vercel/metrics

Full LCP Event Information

  • time: 679
  • 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.

  • 602ms (0.00018)

Total Blocking Time (386 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.org282