/pot-core-web-vitals

:vertical_traffic_light: Core Web Vitals Power Toy for Magento 2

Primary LanguageHTMLMIT LicenseMIT

🚦 Core Web Vitals Power Toy for Magento 2 by JaJuMa

Core Web Vitals Power Toy for Magento 2 by JaJuMa is a dashboard toy that displays Core Web Vitals for current page load.
Powered by Google web-vitals library for measuring Web Vitals metrics.

Compatible with

Hyvä Themes Mage-OS Magento

Features

This Dashboard Power Toy provides:

  • Core Web Vitals and other performance KPI measured for current page load with
    • CLS – Content Layout Shift
    • LCP – Largest Contentful Paint
    • INP – Interaction to Next Paint
    • FID – First Input Delay
    • FCP – First Contentful Pain
    • TTFB – Time To First Byte

(Note: This Toy only shows in frontend)

Screenshots

Core Web Vitals Toy
Dark Mode		 Core Web Vitals Toy
Light Mode

Requirements

‼️ This module requires Power Toys for Magento 2
‼️ by JaJuMa
  • Magento Power Toys v1.0.0+
  • Magento v2.4.5+ OR
    Mage-OS v1.0.0+
  • Magewire v1.10+
  • Magewire-requirejs v1.1+

Further Info, Extension Description & Manual

Demos

Installation

Install via composer as any other Magento extension from Github:

composer require jajuma/pot-core-web-vitals

Using Core Web Vitals Power Toy For Magento

After installing this module:
Go to
JaJuMa -> Power Toys -> Configuration
and enable & configure Core Web Vitals Toy.

After enabling, see the floating button at left/right edge of your screen in your Frontend (while logged in as Admin).
When click on this button, the Power Toys Panel will open displaying the Core Web Vitals Toy. (Note: this Toy only shows in frontend)

License

The code is licensed under the MIT License (MIT)

❤️ Powered by

Developing the Power Toys module and the toys was a lot easier and more fun thanks to Magewire.
A big shout and Thank You to Willem Poortman for creating Magewire

Other Magento 2 Extensions by JaJuMa

Other Services by JaJuMa

© JaJuMa GmbH | www.jajuma.de