Project Brief // Web Vitals

Core Metrics Plus

PHP JavaScript
View Repository
2 MIN_READ

The Challenge // The Problem

Site owners needed to improve Core Web Vitals directly in WordPress without relying on disconnected external performance tooling.

The Solution // Technical Implementation

Core Metrics Plus is a high-performance WordPress plugin designed to monitor and optimize Core Web Vitals directly from the WordPress dashboard. Instead of relying on periodic lighthouse reports, it uses real-user monitoring (RUM) logic to track performance trends over time.

Smart Resource Management

A major bottleneck for modern sites is the loading of Largest Contentful Paint (LCP) elements. Core Metrics Plus implements a series of automated optimization engines:

  • LCP Optimization: Identifying and prioritizing the above-the-fold image or text block for immediate fetch priority.
  • Lazy-Loading Enhancements: Fine-tuning browser lazy-loading to ensure it doesn’t accidentally delay critical visual content.
  • Resource Prioritization: Automatically adding fetchpriority="high" to high-impact resources.

Performance Vitals Dashboard

Site administrators get a “Tactical HUD” for their performance state. This includes:

  • LCP (Largest Contentful Paint): Real-time tracking of the page’s visual load speed.
  • FID (First Input Delay): Measuring the responsiveness of the site to user interactions.
  • CLS (Cumulative Layout Shift): Identifying and flagging visual stability issues across different viewports.

Automated Patching Engine

The plugin doesn’t just report problems; it attempts to fix them. It includes a library of Performance Patches that can be toggled on to address common WordPress core or theme bottlenecks, such as excessive script loading or unoptimized asset delivery.