🔵 How to make your web page faster before it even loads
by Salma Alam-Naylor @whitep4nth3r at @getsentry
#webperf #performance #FirstContentfulPaint #LargestContentfulPaint #InteractionToNextPaint

https://blog.sentry.io/how-to-make-your-web-page-faster-before-it-even-loads/

#Development #Guidances
Core Web Vitals for search engine optimization · Google’s performance metrics demystified in 400 (or 5,500+) words https://ilo.im/14bpam

_____
#Google #CoreWebVitals #SEO #SERP #SearchEngine #Content #Marketing #Business #WebDevelopment #WebDev #WebPerformance #WebPerf #SiteSpeed #Metrics #LargestContentfulPaint #FirstInputDelay #CumulativeLayoutShift #InteractionToNextPaint #Tools #SearchConsole #Lighthouse #PageSpeed

When an HTML node has several #CSS backgrounds of different sizes, loaded at different times, the #LargestContentfulPaint (#LCP) metric gives the display time of the 1st rendered background element (even if it is far from being the largest).

Makes sens, as LCP is the time it takes to render the node (and it was first rendered when the first background item was available). Still, surprising.

If you need a page to test on your favorite chromium flavor or lab testing tool: https://tests.boris.schapira.dev/background-image/