SACHINRAJ CP

LCP Accelerator is a WordPress plugin that improves Largest Contentful Paint (LCP) by optimizing page loading strategies and enhancing Core Web Vitals performance.
This plugin is designed to help websites load faster, improve user experience, and boost SEO rankings by focusing on LCP optimization.
Key Features: 
– Critical CSS injection for faster above-the-fold rendering 
– Defer JavaScript loading to reduce blocking time 
– Smart image lazy loading 
– Automatic detection and preloading of LCP images 
– Lightweight and performance-focused design 
– Easy to use with no complex setup

LCP Accelerator

A lightweight plugin to optimize Largest Contentful Paint (LCP) for better page speed.

eatzeni

Track core web vitals data and save history, powers a dashboard with 24h and one month of historic data, shows worsts pages. 
Send also into Google Analytics (both gtag and ga supported) and can be extended to send also to Google Tag Manager and third parties
NOTE: This plugin does not send data to Google Tag Manager events, it only adds them to the dataLayer object but requires additional configuration on the Tag manager dashboard.
<h3>What is Core Web Vitals?</h3>
From the official page (https://web.dev/vitals/) Web Vitals is: 
 […] an initiative by Google to provide […] quality signals that are essential to delivering a great user experience on the web. 
 […] 
 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.
<h3>Why are them important?</h3>
They are important not only to improve user experience on websites but also because since 2021 Core Web Vitals will become official ranking signals for Google (https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html).
<h3>HOW TO track into Google Tag Manager</h3>
This plugin adds following data to the dataLayer object: 
 dataLayer.push({ 
 event: “web-vitals”, 
 event_category: “Web Vitals”, 
 event_action: , 
 event_value: , 
 event_label: , 
 });
You only need to create a custom event trigger in your Google Tag Manager (see https://support.google.com/tagmanager/answer/7679219?hl=en#), create Data Layer Variables and track those as Google Analytics Events on Tag Manager.
<h3>HOW TO track into third party tools or custom Google Tag Manager syntax</h3>
This plugins allows developers to listen for data captured and track them as their prefer. You only need to create a global Javascript function named 
 window.wpWebVitalTrack 
and you’re done! 
E.g.: 
 window.wpWebVitalTrack = function(event_id, event_name, event_value, event_delta) { 
 console.log(“Ready to do something amazing!”, event_id, event_name, event_value, event_delta); 
 // do something amazing! 
 }
NOTE: create this method as early as possible to avoid missing some event!

Web Vitals Tracking

Track core web vitals data and save history, powers a dashboard with 24h and one month of historic data, shows worsts pages.

LCP Accelerator vs Web Vitals Tracking