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

33 个核心 Demo + 3 个附录，覆盖前端工程化全链路：pnpm/Vite/ESLint/Husky、分包懒加载、CI/CD、Vitest/Playwright、性能监控、请求池/重试、Service Worker、AI 辅助 PR Review、知识图谱可视化、VS Code 插件与 Agent 自动修复。Vue 3 + TS + Vite + pnpm 实战。等核心工程化能力。每个 Demo 都可运行、可验证、有踩坑记录。适合有一定前端基础的工程师步步为营的进阶学习与团队基建参考。

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.

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

Track Core Web Vitals & accessibility issues in your Astro site - lightweight, privacy-first, production-ready