In this hands-on talk, we cover tips & tricks for optimizing your user-experience to meet the Core Web Vitals. We use tools like Lighthouse & DevTools, show you code snippets for fixes, and highlight how you too can get fast and stay fast.

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, Core Web Vitals can help you quantify the experience of your site and identify opportunities to improve.

Resources:
Optimize Largest Contentful Paint → https://goo.gle/31sn6qo
Optimize First Input Delay → https://goo.gle/38h3FlJ
Optimize Cumulative Layout Shift → https://goo.gle/3i6g9kH

Related Playlist:
Day 1 → https://goo.gle/WDL20Day1

Subscribe to the Chrome Developers → https://goo.gle/ChromeDevs

Speaker:
Addy Osmani

#webdevLIVE #corewebvitals #DevTools event: web.dev LIVE 2020; re_ty: Publish; fullname: Addy Osmani; product: Chrome – General;

In this tutorial, you’ll learn what core web vitals are, why they’re important and how to optimize them for SEO.

***************************************
Additional SEO Resources

How to Speed Up Your WordPress Website (Simple Guide) ► https://www.youtube.com/watch?v=BrY6a-lsLp8

Preloading responsive images ► https://web.dev/preload-responsive-images/

Optimize Cumulative Layout Shift ► https://web.dev/optimize-cls/

Optimize First Input Delay ► https://web.dev/optimize-fid/

***************************************
As of mid-June 2021, Core Web Vitals will become a part of Google’s Page Experience ranking signals.

Since it’s fairly new, there is a lot of misinformation and misunderstandings around the topic.

So, what are Core Web Vitals?

Core Web Vitals are made up of 3 metrics that measure specific aspects of pagespeed. And these metrics include visual load, measured by Largest Contentful Paint (LCP), visual stability of your web pages, measured by Cumulative Layout Shift (CLS), and interactivity which is done with First Input Delay (FID).

Like many other Google ranking factors, the Core Web Vitals can’t be looked at independently. They’re a part of Google’s Page Experience ranking signals which also includes things like mobile friendliness, safe browsing, HTTPs, and intrusive interstitials — ie. pop ups.

No one knows exactly how big the impact will be seeing as it’s still very young. Regardless, it’s probably still worth improving your core web vitals because pagespeed improves conversions.

To optimize your site for core web vitals, you need to understand the two main types of data for Core Web Vitals metrics. They are:

► Field data
► Lab test data

Field data includes real user metrics and is generated from the Chrome User Experience Report, also known as CrUX.

Lab test data is data generated by tools. And lab test tools are designed to run tests consistently under the same conditions.

You’ll learn what both these mean in the video.

Before you get started optimizing your site for Core Web Vitals, it’s important that you handle the other basics of Google’s Page Experience signals like mobile friendliness, https, etc.

Once that is done, you’re ready to finally optimize your site for each of the 3 metrics of Core Web Vitals.

► Largest Contentful Paint (LCP)
► Cumulative Layout Shift (CLS)
► First Input Delay (FID)

You’ll learn the recommended thresholds, how to optimize each aspect and how to troubleshoot common issues in the video.

Timestamps:

0:00 Intro
1:34 Main types of data for Core Web Vitals metrics
5:04 Largest Contentful Paint
8:41 Optimizing the rendering process for resources
12:13 Cumulative Layout Shift
14:59 First Input Delay

#corewebvitals #googlepageexperience #technicalseo

Be sure to subscribe for more actionable marketing and SEO tutorials.
https://www.youtube.com/AhrefsCom?sub_confirmation=1

STAY TUNED:
Ahrefs ► https://ahrefs.com/
YouTube ► https://www.youtube.com/AhrefsCom?sub_confirmation=1
Facebook ► https://www.facebook.com/Ahrefs
Twitter ►https://twitter.com/ahrefs

Want to know if Duda the the right website builder for you? Check out this Duda review to know if you are setting yourself up for success by choosing Duda. We’ll go over functionality, learning curve, maintenance, and review and Duda website builder. This Duda review was made in late 2021 with the most up to date features taken into account.

�� Links from Video
DUDA PRICING: https://duda.sjv.io/WDaBG3?subId1=youtube &subId2=duda-review-good-for-beginners-a &subId3=description
Duda Examples: https://createtoday.io/posts/duda-website-examples-60-inspirational-sites

�� My article on this video: https://createtoday.io/posts/duda-review-good-for-beginners-and-pros-late-2021

────────────────

�� Become a Member ��

�� Support me and know I’m stoked
�� Installation of my custom Duda widgets
�� Free & discounted extras
�� Tools and tactics I don’t publish publicly
�� Access my gated content without going through email funnels

☞ https://www.buymeacoffee.com/createtoday

────────────────

�� Subscribe for More

From beginner to advanced tips – I share all the things to be a successful web developer and designer. But don’t just build great websites, harness the power of working for yourself. I’ve got you covered with tutorials and insights into the things I do right now to grow my business.

☞ https://www.youtube.com/CreateToday?sub_confirmation=1

────────────────

☕️ Buy Me a Coffee

I hope my content has saved you a bunch of time and stress. You can buy me a coffee if you’re feeling thankful and generous.

☞ https://www.buymeacoffee.com/createtoday

────────────────

Some of the links I share may earn me a commission if you purchase through them. You usually get a solid deal too. My recommendations come from stuff I actually use. If they happen to have an affiliate program, I leverage it. Thanks for the support!