Menu:

Save Test Results with a Free Account Sign Up & Save Test Result

Webpage Performance Test Result

Screenshot

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 (1631ms)

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

0ms
1700ms
2000ms

LCP Event Summary

See full details

Time1631ms
Size20856px²
Typetext
Element TypeP
Outer HTML<p> This demo is the Sky Nav menu <em>without</em> any of the strategies applied. You should see a layout shift leading to a poor Cumulative Layout Shift metric score. </p>...

LCP: 1631 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://sky-nav-demos.netlify.app/demo/layout-shift/ 2: https://sky-nav-demos.netlify.app/assets/variable-regular.1b610349.woff2 3: https://sky-nav-demos.netlify.app/assets/modulepreload-polyfill.b7f2da20.js 4: https://sky-nav-demos.netlify.app/assets/main.658f7ee4.js 5: https://sky-nav-demos.netlify.app/assets/standalone.f0c2a9b1.css

Full LCP Event Information

  • time: 1631
  • size: 20856
  • element:
    • translate: 1
    • hidden:
    • draggable:
    • spellcheck: 1
    • contentEditable: inherit
    • isContentEditable:
    • offsetTop: 443
    • offsetLeft: 20
    • offsetWidth: 320
    • offsetHeight: 101
    • autofocus:
    • tabIndex: -1
    • inert:
    • localName: p
    • tagName: P
    • outerHTML: <p> This demo is the Sky Nav menu <em>without</em> any of the strategies applied. You should see a layout shift leading to a poor Cumulative Layout Shift metric score. </p>
    • scrollTop: 0
    • scrollLeft: 0
    • scrollWidth: 320
    • scrollHeight: 101
    • clientTop: 0
    • clientLeft: 0
    • clientWidth: 320
    • clientHeight: 101
    • childElementCount: 1
    • nodeType: 1
    • nodeName: P
    • isConnected: 1
    • boundingRect:
      • x: 20.234375
      • y: 443.125
      • width: 319.53125
      • height: 101.125
      • top: 443.125
      • right: 339.765625
      • bottom: 544.25
      • left: 20.234375
  • type: text

Cumulative Layout Shift (0.564)

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

Window 1 (0.564)

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

  • 2686ms (0.55078)
  • 1952ms (0.01265)
  • 2009ms (0.00026)

Total Blocking Time (22 ms)

About Total Blocking Time (TBT)