If you're serving a lot of mobile users, you may want to validate that LCP is a valid metric to track – and troubleshoot any issues that are preventing it from being measured correctly. LCP doesn't always correlate to meaningful content in the viewport. While those were the most glaring examples, most of the other sites also had significant differences. Expedia had a Start Render time of 5.8 seconds, while LCP was 35.4 seconds.Lonely Planet Start Render was 3.1 seconds, while LCP was 37.22 seconds.LA Times home page had a Start Render time of 2.5 seconds, but its LCP was 37.42 seconds.Mobile tells a different story, even among the fastest pages we tested. In most cases, the difference between Start Render and Largest Contentful Paint isn't huge for pages served to desktop. Some disparity is to be expected, as Start Render measures when the first pixels start to appear on the page, and LCP measures when the largest visual element (image or video) finishes rendering. To me, the biggest takeaway here is noting the disparity between Start Render and Largest Contentful Paint. If you're not tracking Largest Contentful Paint, you should be. This is why it's frequently proven to be a good metric to use when creating correlation charts that map performance to user engagement and business metrics, like bounce rate and conversion rate. Visual feedback that something is happening on the page is important to users. Start Render is an important metric for measuring user-perceived responsiveness. Rakuten Travel ( view desktop test results) Lonely Planet ( view mobile test results) The Guardian ( view desktop test results) Looking at the screenshots below, you can really see the disparities between metrics, especially for pages served to mobile. These visuals are a great tool for validating the best metrics to focus on for your pages. Visually Complete – The time at which all the content in the viewport has finished rendered and nothing changed in the viewport after that point as the page continued loading.Last Painted Hero – When the last piece of critical content (largest image, largest background image and/or first H1 tag) is painted in the browser.LCP is one of Google's Core Web Vitals, so it should be on your radar, especially if you care about SEO. Largest Contentful Paint – When the largest element – usually image or video – in the viewport is rendered. ![]() Start Render – The time from the start of the initial navigation until the first non-white content is painted to the browser display.Below you can see the fastest sites – ranked by Start Render time – in each category, along with screenshots taken from their rendering timelines, which show you what the viewer sees at key render moments: Numbers are good, but visuals are even better. (Scroll down to the bottom of this post for more testing details.)Īt the time of writing this post, these were the home pages with the fastest Start Render times in key industries:Īs you can see, I've included Largest Contentful Paint alongside Start Render in this chart, for reasons I explain below. The dashboard allows you to easily filter by region, industry, mobile/desktop, fast/slow, and key web performance metrics, including Google's Core Web Vitals. This dashboard is publicly available (meaning you don't need a SpeedCurve account to explore it) and is a treasure trove of meaningful data that you can use for your own research. Page Speed Benchmarks is an interactive dashboard that lets you explore and compare web performance data for leading websites across several industries – from retail to media – over the past year. Industry benchmarks research core web vitals
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |