web-vitals

Session replay, cobrowsing and product analytics you can self-host. Best for reproducing issues and iterating on your product.

Automatic font fallback based on font metrics

nuxt-booster will help you to improve the lighthouse performance score (100/100) of your website. 🚀

Plug-and-play web font optimization and configuration for Nuxt apps.

🔤 Font metric overrides to reduce CLS

The official Next.js library for Axiom.

Report Web Vitals to your API with one POST request per session.

A custom element to display web vitals metrics on your page.

Simple tools to track and improve your Web Vitals scores

🔌⚡ Nuxt module to prune html before sending it to the browser (it removes elements matching CSS selector(s)), useful for boosting performance showing a different HTML for bots/audits by removing all the scripts with dynamic rendering

Full Stack Photo Sharing Application with React Js (like as pinterest) (Google Authentication, create, edit, delete and save posts and comment on other people's posts, search and filter images)

📈 A comprehensive list of performance optimization techniques to improve your site's performance

Measure Visually Complete metrics in real time

Disney+ Clone with REACT

Core Web Vitals Technology Report

Drive Chrome or Firefox (Puppeteer), or profile Node in-process, to attribute layout, style, and paint work, rendering counts, CPU self-time, and allocation back to source lines, with isolated timing and CI gating

Gatsby plugin that sends Web Vitals metrics to Google Analytics.

前端工程化全链路实战 · 30 个可运行 Demo 覆盖 pnpm、ESLint/Prettier/Husky、Vite 分包、CI/CD（GitHub Actions + Pages）、单元/E2E 测试、性能监控、请求池、Service Worker、AI 代码审查，可视化知识图谱生成，AI结合可视化d3.js知识图谱进行风险分析报告等核心工程化能力。适合有一定前端基础的工程师步步为营的进阶学习与团队基建参考。

🍻 前端服务监控原理与手写开源监控框架SDK

Daily performance audits of all your sites in Matomo.