For this post I used an article from Moz.com called “What are Core Web Vitals”. https://moz.com/learn/seo/performance-metrics Core web vitals are a series of metrics that Google uses to analyze the loading abilities of pages as professor sweet talked about in class these are based on user experiences from the Chrome browser.
There are three primary core web vitals
First, is large contentful paint it is based on the loading time of the largest block visible to the site visitor obviously this metric chiefly is concerned with how quickly the and a website that loads quickly is more likely to be ranked higher and improve conversion rates. The large blocks are often things like videos block text or images.
Second is cumulative layout shift this has to do with the shift of various buttons and links within the UI sometimes on web pages you may have noticed that a button will jump after the page is fully loaded after you’ve already clicked on it meaning sometimes you’ll miss the button or click another nearby link or button in the web interface. A lower CLS means that this is less likely to happen and buttons stay where they are through the complete rendering process of the page. Obviously the lower the better.
The third main metric is first input delay or FID. FID measures the amount an input latency that a website element takes to respond after a user interaction. This is especially important since many websites have complicated elements now and if they take too long to load the user may leave the website or just ignore the complicated element which obviously causes frustration. FID is hardest to control as it is partly dependent on the users browser and operating system.
Thank you for reading my post about core web vitals. I found this topic very interesting and useful.
One Response
Great post. You did a nice job breaking down Core Web Vitals in a clear, easy‑to‑understand way, especially with your explanation of cumulative layout shift and how frustrating it can be for users when elements move after the page loads.