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.

Open-source web analytics with session replay, error tracking, Core Web Vitals and uptime monitoring in one tool. Cookieless, EU-hosted cloud or self-hosted.

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

34 个核心 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)

Zero-initial-JS selective activation engine. Turn server-rendered HTML into instant interactivity on intent.

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

Claude Code skill: a background Playwright browser for screenshots (desktop/tablet/mobile), frontend health checks, visual diffs, scripted UI flows and logged-in pages — in any project. ｜ 讓 Claude Code 擁有背景瀏覽器：多尺寸截圖、前端健檢、視覺比對、操作流程與登入頁面，適用任何專案。

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