What are Google Core Web Vitals?
Jun 8, 2020
Whitney discusses Google's new announcement on its Core Web Vitals, a set of metrics that focus on speed, responsiveness, and visual stability to measure how user-friendly a website is. These changes will not happen before next year and Google stated that website owners will have a 6-month notice before they're implemented, but digital publishers can begin to work on improving their sites now.
The three metrics are as follows:
Loading: Largest Contentful Paint (LCP)
Interactivity: First Input Delay (FID)
Visual Stability: Cumulative Layout Shift (CLS)
A full guide on multiple CSS and JavaScript codes to help publishers best format their images and other content so it loads smoothly is available here: https://itnext.io/how-to-stop-content-jumping-when-images-load-7c915e47f576
Or, you can wrap your images with this JavaScript code to provide enough padding to prevent pages jumping as they load:
.wrapper {
position: relative;
height: 0;
/* Formula is: (height / width * 100%) */
padding-top: calc(360 / 360 * 100%);
}
.wrapper__img {
Show More Show Less #Computer Hardware
#Software
#Web Services
#Engineering & Technology
#Search Engine Optimization & Marketing
#Search Engines
