Are you struggling to convince your stakeholders to adopt Core Web Vitals? Or are you wondering if it actually helps your business? This article will help you understand how Core Web Vitals correlate with key business metrics by exploring examples of companies which have already seen positive impact for their users and business.
If you prefer video, check out this talk from Google I/O:
- 1 Why Core Web Vitals matter to your users and business #
- 2 Case studies #
- 3 How can you get started now? #
Why Core Web Vitals matter to your users and business #
Different stakeholders in an organization can have different priorities. Core Web Vitals can bring them all on the same page by focusing on optimizing user-centric metrics and the resulting business growth.
The path to good Core Web Vitals can vary from site to site depending on where they are in the performance journey and how complex the site design is. It can range from grabbing the low-hanging fruit and getting meaningful results; to implementing complex solutions that fix challenging issues. Regardless of the amount of time spent, decision makers should treat this as a long term investment into growth of their business. Delivering a fast and seamless navigation experience delights users and helps turn them into loyal and returning customers. For product managers, performance should be an important criteria that defines the quality and success of new product features. And product excellence and working on interesting challenges improves developer satisfaction as well.
While Core Web Vitals as a ranking signal gives additional motivation to invest time in performance, adopting Core Web Vitals has many other short- and long-term benefits beyond ranking. Let’s explore several case studies of global and local brands who adopted Core Web Vitals (before it had impact on ranking) because of its focus on user experience.
Case studies #
Vodafone (Italy) improved LCP by 31% to achieve 8% more sales.
- Server Side Render the critical HTML.
- Image optimization techniques.
- Resize hero image; defer non critical resources.
Key learnings #
- A/B testing is the best way to measure the meaningful impact.
- A/B should be a server side one.
iCook improved CLS by 15% to achieve 10% more ad revenue.
- Less variability in ad unit size and fixed size ad slots pre-allocated in UI.
- Optimized ad script loading logic to prioritize header bidding and defer non-critical JS.
Key learnings #
Fill rate might get impacted but eventually revenue uplifts with ads viewability improvement.
Tokopedia improved LCP by 55% and saw 23% better average session duration.
- Server-side render (SSR) LCP element.
- Preload LCP Element.
- Image optimization (compression, WebP, lazy load non-critical images).
Key learnings #
- Built a performance monitoring dashboard to monitor progress and impact across teams.
- Experimented with different rendering techniques (for example, SSR LCP element vs SSR above the fold content vs Full client-side rendering).
The case studies above show that you can achieve a lot by adopting best practices and implementing quick wins. Here are a few more real-world examples of this point.
The above results were achieved by grabbing low hanging fruit such as:
There are several more global brands which have also benefited from investing in Core Web Vitals.
How can you get started now? #
Step 1: Start measuring #
Start by measuring your site using field tools! There are various tools available, from both Google and other providers.
Google tools #
- Search Console
- PageSpeed insights
- web-vitals JS
- Chrome User Experience Report
Third-party tools #
- New Relic
- Blue Triangle
Pick the tool that works best for you. You can go a step further and integrate with Google Analytics 4 to correlate Core Web Vitals with your business metrics.
Step 2: Convince your stakeholders #
- Educate your stakeholders about the importance of adopting Core Web Vitals to improve user experience and its correlation with company’s business metrics.
- Get a sponsor internally to start a small experiment.
- Create a shared goal among stakeholders to improve Core Web Vitals across teams.
Step 3: Deliver successful implementation using these tips #
- Prioritize: Pick a page with high traffic and/or conversion significance to deliver meaningful results (for example, ads landing page, conversion page, or popular pages).
- A/B Test: Use server side testing to avoid any rendering cost. Compare results between optimized and unoptimized versions.
- Monitor: Use continuous monitoring to prevent regressions.
Lastly, we believe that performance is a journey not a destination. On that note, we plan to keep this article updated with the latest case study highlights. If you also have a compelling business win and would like to be featured in this article, submit a content proposal.