PHPackages                             techdivision/web-vitals - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. techdivision/web-vitals

ActiveNeos-plugin[Utility & Helpers](/categories/utility)

techdivision/web-vitals
=======================

WebVitals measurement

v1.1.0(2y ago)41.9kJavaScript

Since Jun 4Pushed 2y ago16 watchersCompare

[ Source](https://github.com/techdivision/web-vitals)[ Packagist](https://packagist.org/packages/techdivision/web-vitals)[ RSS](/packages/techdivision-web-vitals/feed)WikiDiscussions master Synced today

READMEChangelog (4)Dependencies (2)Versions (10)Used By (0)

Web Vitals for Neos
===================

[](#web-vitals-for-neos)

Web Vitals are core metrics for your website's browser rendering health status; i.e. how fast and reliable does your site show in the browser.

Google is about to add those WebVitals to their ranking algorithm.
This plugin adds Real User Monitoring for those metrics to your Neos site so you can track and improve it accordingly.

The plugin is GDPR safe as we do not collect any personal data at all or even send them to some third party. It is about collecting data about your website, not about your visitors (real user monitoring).

What this Neos plugin does
--------------------------

[](#what-this-neos-plugin-does)

This plugin tracks certain metrics from your website using the JavaScript Beacon API. As soon as a measure is captured, it is being tracked - the measurement largely depends on the client (tab active etc.).
The idea is to capture the data and show them for each single site, document and dimension.

> ⚠️ Data may increase to large amounts easily and is stored in the database in this version.

In the backend you find a tab in the inspector of every page. The graph shows the distribution between recommended benchmarks (these heuristic numbers can be found at ).
You can also see the timeframe and the number of collected single values for this document/dimension.

[![WebVitals](./Documentation/Images/WebVitals_Inspector.png "Neos inspector views")](./Documentation/Images/WebVitals_Inspector.png)

You also have a complete overview in a separate backend module, also with distribution, timeframe and number of single metrics.
This helps you to find overall weaknesses on your website.

[![WebVitals](./Documentation/Images/WebVitals_BackendModule.png "Neos backend module")](./Documentation/Images/WebVitals_BackendModule.png)

After installation it will take some time to capture a set of data. Analytics is real time, so you can see results as soon as your page has been viewed.

Installation
------------

[](#installation)

TechDivision.WebVitals is available via packagist. Add `"techdivision/web-vitals" : "~1.0"` to the require section of the composer.json or run `composer require techdivision/web-vitals`.

### Configuration

[](#configuration)

There are some options for configuration and integration available:

#### Disable Tracking

[](#disable-tracking)

You can disable the tracking - e.g. when you have a multi-site setup and only want to track on certain sites - by adding the following lines to the correct Settings.yaml:

```
TechDivision:
  WebVitals:
    enableTracking: false

```

#### Fusion

[](#fusion)

The package extends the `Neos.Neos:Page` prototype and adds some JavaScript to the very bottom of the page. This should be safe and not interfere with the rest of your JavaScript. If so, please give us a hint to improve it.

### ToDo

[](#todo)

The plugin is in a very early stage, but it already can guide you the way to improve your website performance.
Some areas of improvement for the future:

- Add translations labels
- Improve data storage, e.g. elastic search backend
- DB indices
- Test with large amounts of data
- Add user agent tracking for better comparison between
- Add requests to a queue for asynchronous tracking
- Select start- and end date in backend module (and in inspector?)

### Contribution

[](#contribution)

We will be happy to receive pull requests - dont hesitate!

###  Health Score

32

—

LowBetter than 69% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity20

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity62

Established project with proven stability

 Bus Factor1

Top contributor holds 63.6% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~455 days

Total

4

Last Release

854d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/e2402ac081fc0dc57b15f8cfcc16a1c1b37adfa3211a7fe30eb80d622b6586f3?d=identicon)[regniets](/maintainers/regniets)

---

Top Contributors

[![regniets](https://avatars.githubusercontent.com/u/4123716?v=4)](https://github.com/regniets "regniets (7 commits)")[![SimonPaidla](https://avatars.githubusercontent.com/u/28459705?v=4)](https://github.com/SimonPaidla "SimonPaidla (3 commits)")[![mbiberger](https://avatars.githubusercontent.com/u/8565550?v=4)](https://github.com/mbiberger "mbiberger (1 commits)")

---

Tags

neoscms

### Embed Badge

![Health badge](/badges/techdivision-web-vitals/health.svg)

```
[![Health](https://phpackages.com/badges/techdivision-web-vitals/health.svg)](https://phpackages.com/packages/techdivision-web-vitals)
```

###  Alternatives

[neos/neos-base-distribution

Neos Base Distribution

4366.0k](/packages/neos-neos-base-distribution)[techdivision/ckstyles

Neos package which enables you adding your custom style classes for the CkEditor with a simple Yaml configuration

21179.5k](/packages/techdivision-ckstyles)[neos/seo

SEO configuration and tools for Neos

141.0M30](/packages/neos-seo)[sitegeist/taxonomy

Manage vocabularies and taxonomies as separate node-hierarchy.

1595.1k1](/packages/sitegeist-taxonomy)[shel/neos-colorpicker

A plugin for Neos CMS which provides a colorpicker editor

14104.7k6](/packages/shel-neos-colorpicker)[sitegeist/kaleidoscope

Responsive-images for Neos

29370.3k11](/packages/sitegeist-kaleidoscope)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)