{"id":18552,"date":"2023-01-24T11:45:23","date_gmt":"2023-01-24T11:45:23","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=18552"},"modified":"2023-01-24T12:10:23","modified_gmt":"2023-01-24T12:10:23","slug":"what-is-the-cwv-plugin-all-about","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/what-is-the-cwv-plugin-all-about\/","title":{"rendered":"What is the CWV plugin all about"},"content":{"rendered":"\n

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<\/a>, and reflects the real-world experience of a critical user-centric<\/a> outcome.<\/p>\n\n\n\n

The metrics that make up Core Web Vitals will evolve<\/a> over time. The current set focuses on three aspects of the user experience\u2014loading<\/em>, interactivity<\/em>, and visual stability<\/em>\u2014and includes the following metrics (and their respective thresholds)<\/p>\n\n\n\n

Largest Contentful Paint (LCP)<\/strong><\/h2>\n\n\n\n

LCP measures loading<\/em> performance. To provide a good user experience, LCP should occur within 2.5 seconds<\/strong> of when the page first starts loading.<\/p>\n\n\n\n

First Input Delay (FID)<\/strong><\/h2>\n\n\n\n

FID measures interactivity<\/em>. To provide a good user experience, pages should have a FID of 100 milliseconds<\/strong> or less.<\/p>\n\n\n\n

Cumulative Layout Shift (CLS)<\/strong><\/h2>\n\n\n\n

CLS measures visual stability<\/em>. To provide a good user experience, pages should maintain a CLS of 0.1.<\/strong> or less.<\/p>\n\n\n\n

For each of the above metrics, to ensure you’re hitting the recommended target for most of your users, a good threshold to measure is the 75th percentile<\/strong> of page loads, segmented across mobile and desktop devices.<\/p>\n\n\n\n

Tools that assess Core Web Vitals compliance should consider a page passing if it meets the recommended targets at the 75th percentile for all of the above three metrics.<\/p>\n\n\n\n

FEATURES<\/h3>\n\n\n\n

Webp images<\/strong>: If images are slowing down your website, then converting them to WebP format can improve your page load speed test scores.<\/p>\n\n\n\n

Lazy Load<\/strong>: Lazy loading allows your website to only load images when a user scrolls down to a specific image, which reduces website load time and improves website performance.<\/p>\n\n\n\n

Minification<\/strong>: If you are trying to achieve 100\/100 score on Google Pagespeed or GTMetrix tool, then minifying CSS and JavaScript will significantly improve your score.<\/p>\n\n\n\n

Remove Unused CSS<\/strong>: Unused CSS is any CSS code added by your WordPress theme or plugins that you don\u2019t really need. Removing this CSS code improves WordPress performance and user experience.<\/p>\n\n\n\n

Google Fonts Optimizations<\/strong>: You may start noticing external resources like fonts affecting Google PageSpeed + load times. This is where loading Google Fonts locally comes into play.<\/p>\n\n\n\n

Delay JavaScript Execution<\/strong>: You can delay JavaScript based on user interaction. This can be a great way to speed up the paint of the page for Google PageSpeed when something isn\u2019t needed right away. Especially heavy third-party scripts like Google Adsense, Google Analytics, etc.<\/p>\n\n\n\n

Cache<\/strong>: Caching is one of the most important and easiest ways to speed up WordPress! it reduces the amount of work required to generate a page view. As a result, your web pages load much faster, directly from the cache.<\/p>\n\n\n\n

We hope we\u2019ve clear your doubts in case If you have any questions, then please share them in the comments section below.<\/strong><\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t