A high-performance collection of 10 bespoke animation nodes leveraging CSS Houdini (@Property) and conic-gradients for GPU-optimized, sub-pixel smooth visual effects. Zero-dependency, lightweight, and hardware-accelerated.
High-performance interactive 3D Liquid Glass experience. Built with Three.js, Rapier physics (WASM), and GSAP. Optimized for 60 FPS with dynamic code splitting and modern SCSS architecture.
A Claude Skill that automates web performance audits (LCP, CLS, INP) using web.dev guidelines, delivers structured reports, actionable fix scripts, and incremental analysis.
This project showcases a comprehensive full-stack solution, combining a robust ASP.NET Core Web API backend, an MVC web frontend, and a modern React single-page application — all seamlessly integrated to provide a highly secure, scalable, and user-friendly system.
实战沉淀的 Agent Skills：从微信小程序抓包提取数据（.saz 解析 / 反推低代码平台组件接口）、单文件大数据页面性能优化（体积 -91%、切换耗时降两个数量级）
A high-performance React frontend for TaskFlow AI featuring a glassmorphism dashboard, stateless JWT authentication, and edge-proxied asynchronous LLM task insights.
Runtime-core research for long-lived AI surfaces: worker ownership, transaction scheduling, and bounded projection.
Chrome extension that turns any web page's real load performance into a live, animated X-ray — surfaces slow JS, CSS, images, fonts and API calls the moment they happen, then tucks itself into a corner badge.
学习笔记
An AI Agent that audits web applications for performance issues, including Core Web Vitals, LCP, CLS, bundle size, image optimization, fonts, caching, and frontend rendering bottlenecks.
Lazy Google Fonts is a lightweight, dependency-free JavaScript plugin that loads Google Fonts without blocking page rendering, helping improve PageSpeed Insights scores and Core Web Vitals.
Die ultimative Checkliste für Core Web Vitals, LCP und CLS Optimierung. Masterclass Tutorial: 👇
Professional-grade image color analyzer built with Next.js and TypeScript. Uses custom K-Means clustering and Delta E perceptual color difference algorithms to map image pixels to a curated palette with human-eye accuracy. Features high-DPI canvas rendering and optimised data export.
Fast, browserless CLI that audits a URL's HTML and response headers for common frontend performance issues. Findings link to explainers on frontend-performance.com.
Application/UI-level JMeter performance framework: real user journey with embedded-resource page-load testing + backend, competitive-burst sync, CI/CD, BlazeMeter/RedLine13. No plugins.
This Drupal module provides a custom Text Filter that automatically adds loading="lazy" to <img> and <iframe>
Hands-on React performance lab exploring rendering, caching, virtualization, responsive layouts, and browser profiling.
A reusable and high-performance React table system with search, sort, filter, selection, and built-in virtualization. Handles thousands of rows smoothly. Fully configurable and works across multiple pages without modifying the core table.
Browser-side UI performance testing for the ShopLite demo storefront — Core Web Vitals via sitespeed.io, streamed to InfluxDB + Grafana. The frontend companion to the ShopLite load-testing series.
⚡ Real-time engineering job telemetry dashboard featuring live WebSocket streaming, TanStack DOM virtualization, client-side semantic matching, and optimistic UI mutations.
To associate your repository with the frontend-performance topic, visit your repo's landing page and select "manage topics."