Optimize page experience
Core Web Vitals May 2021
Core web vitals
is a new Google ranking factor
essential metrics for a healthy site
Optimizing for quality of user experience is key to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Web Vitals can help you quantify the experience of your site and identify opportunities to improve.
Web Vitals is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.
Google has provided a number of tools over the years to measure and report on performance. Some developers are experts at using these tools, while others have found the abundance of both tools and metrics challenging to keep up with.
What's new in Web Vitals
The "What" and "Why"
Site owners should not have to be performance gurus in order to understand the quality of experience they are delivering to their users. The Web Vitals initiative aims to simplify the landscape, and help sites focus on the metrics that matter most, the Core Web Vitals.
Core Web Vitals are the subset of Web Vitals that apply to all web pages, should be measured by all site owners, and will be surfaced across all Google tools. Each of the Core Web Vitals represents a distinct facet of the user experience, is measurable in the field, and reflects the real-world experience of a critical user-centric outcome.
APPLY TO ALL WEB PAGES
Surfaced across all Google tools.
Measurable in the field
Ground truth of what real users see.
Critical user-centric outcome
Small number of key metrics.
When is the main content loaded?
LCP is the time it takes a website to load the largest content element in the viewport. Such an element can be a graphic, video or a block of text.
Largest Contentful Paint
NDTV reduced their Largest Contentful Paint time by 55% resulting in a 50% reduction in bounce rates.
50% reduction in bounce rates
Avoid unexpected content shifts
CLS is an indicator that measures any unexpected content shifts that suddenly occur while your site is loading (or later).
Cumulative Layout Shift
Yahoo! JAPAN reduced their CLS score, resulting in more page views per session, longer session duration, and decreased bounce rate.
15.1% more page view per session
13.3% longer session duration
How long does it take to interact?
First Input Delay
Zalando leveraged Lighthouse as a node module and Lighthouse CI to improve load and interactivity Timings, and prevent regressions.
Load Timings for Their Home page in Their new relase improved by 65% (Desktop) and 32% (Mobile), and interactivity Timings improved by 140% (desktop) and (66%) Mobile.
load timings improved
140% interactivity timings improved
Optimize CWV, for your users and your business
Largest Contentful paint
Address slow server response times, render-Blocking JS and CSS, and resource load Times.
First input delay & total Blocking time
Address heavy main-thread execution and deferrable or removable code.
Cumulative layout shift
Avoid shift-triggering anti-patterns.
Your next step
Houston, we have a contact
How can we help your business?
Set your own time and we'll call you back.
Please fill in the quick form that will help us with estimations. We’ll get back to you within 2 workdays.