Screenshot showing the WebPerf Snippets website section for Interactions (INP). The browser console, highlighted in red, displays the detailed output of an interaction tracking snippet, listing the Input delay, Processing time, and Presentation delay for multiple mouse events, along with a "good" score validation.
Screenshot showing the WebPerf Snippets website section for Largest Contentful Paint Sub-Parts (LCP). The browser console output is highlighted, showing the breakdown of the LCP metric (915 ms) into its four key components: Time to first byte, Resource load delay, Resource load time, and Element render delay, including the time in milliseconds and the percentage of the total LCP time for each sub-part.
Screenshot showing the WebPerf Snippets website section for Largest Contentful Paint (LCP). The browser console output is highlighted, displaying the calculated LCP value (915 ms) and details of the Largest Contentful Paint element, including its URL, size, and load time.
📣 New in Web Performance!
We can now use the WebPerf Snippets for LCP & INP in Safari Technology Preview
This allows us to measure 2 of the most critical Core Web Vitals metrics directly within Apple's browser
Time to test!
webperf-snippets.nucliweb.net
#WebPerf #Safari #CoreWebVitals #LCP #INP