web-performance
Repositories (756)
Modern Responsive Portfolio v2.0 | HTML5, CSS3 & JavaScript. Features Dark/Light mode, EmailJS integration, and smooth UI animations.
Discover the easiest way to get started with the blend of Aurelia and Electron JS App
Test pages measuring the page-load impact of native loading="lazy" on YouTube and Facebook iframe embeds, with WebPageTest results.
Grown 🌐 - expand your internet presence 🌱 and get in touch with your customers 🫂 - for companies and private users
An interactive demonstration and benchmark for Compression Dictionary Transport (RFC 9842). Shows how to use a previous page load as a Brotli compress...
Revamped version in Python with extra capabilities
A loader that indicates progress transforms into a snake game when the user interacts with it.
Find and fix responsive image issues. Analyze image delivery, reduce bandwidth waste, and generate ready-to-use srcset and sizes recommendations. Brow...
Master the HTML <head> element with HEAD Project! Discover essential meta, link tags & more for SEO, social sharing & better user experience.
Angular v15 suspense component (ala React, Vue, Svelte). Heavily based on Netanel Basal's [ng-suspense](https://github.com/NetanelBasal/ng-suspense)
Dynamically load scripts & stylesheets when required
A byte-sized checklist for instant web performance wins – no mad skills required!
Разработанное на React, Redux и TypeScript веб-приложение, использующее Atomic Design и CSS Modules для структурирования и стилизации компонентов. Осо...
Firefox Profiler extension for Chromium-based browsers
Make long ChatGPT conversations lighter by reversibly hiding old turns and heavy tool UI. Privacy-first, zero dependencies.
Real-machine, real-browser web perf measurement with ~99% iframe coverage. LLM-native + AI-agent-loop ready.
🚀 Compress images and remove backgrounds locally at lightning speed. No cloud, no uploads, no data leaks — just drag, drop, and shrink. Built with Ta...
Fast, offline-capable Pokédex PWA in dependency-free vanilla JS. Progressive rendering, fuzzy search, and full keyboard and screen-reader support.
Pluralsight React 18 Performance Playbook course repository
Full-stack AI productivity platform that turns browser-recorded voice or uploaded audio files into structured blog posts.
Agent Skill for running Google Lighthouse — measure & verify web quality (performance, a11y, SEO, best practices): CLI, budgets, CI, programmatic API.
Rust CLI for finding bundle-weight risks in modern web apps: heavy deps, duplicate packages, lazy-load candidates, budgets, and CI output.
Subset Font Awesome to only the icons you use. FA6/FA5, duotone. Tiny WOFF2 + CSS.
Adaptive Loading Microsite: A comprehensive showcase of adaptive loading strategies for modern web applications. Features 24+ demos, React hooks libra...
Codex skill for Lighthouse-backed performance audits and before/after Core Web Vitals reports.
The definitive Three.js & WebGL performance reference — 48 folders: WebGPU, GLSL shaders, React Three Fiber, GSAP, GPGPU particles, mobile optimizatio...
See your site the way search engines and AI see it.
React.js + Context API + React Router + Bootstrap. A complete frontend solution for food ordering services with dynamic state management.
SEO-optimized Next.js starter with sitemap, robots.txt, metadata, schema, and performance best practices.
Demonstrates and fixes the well-known SSR bug in React and Next.js where <img onError={...}> fails to trigger for broken image URLs. Includes working...
Batch image optimization: compress, resize, convert formats. WebP/AVIF support. CLI + API.
Traffic Torch – A fast, client-side SEO analysis suite built with Vite, Tailwind, Alpine.js, and TensorFlow.js. Features AI-content probability detect...
Production-ready Claude Code plugin with specialized agents for deep code analysis, performance auditing, and debugging
A Chrome extension that live-tracks, logs, and aggregates page-load times per domain, displaying real-time and sliding-window performance metrics in y...
Modular suite for advanced Cloudflare cache management, edge caching, and flexible CDN routing for modern web applications.
Vantage — A premium, high-converting fintech landing page built with Next.js 15, React 19, and Tailwind CSS. Features ultra-smooth Framer Motion anim...
TurboWebP helps WordPress sites optimize images with server-side WebP conversion, bulk media optimization, automatic WebP delivery, and no external AP...
An interactive educational tool for exploring React code splitting, lazy loading, and progressive enhancement patterns — with live demos, skeleton UI,...
Material Design Web Animations Demo - Interactive grid layouts, declarative animations, and music player UI using Web Animations API. Pure vanilla Jav...
Cloudflare-compatible intent-based prefetch script. Reduces bandwidth, uses cache-control & CF-Cache-Status. Maintained by Affluent Web Media, creator...
Optimize your web style in seconds!
Modern WordPress starter theme: Vite + Tailwind, modular PHP architecture, content-as-data content modeling, headless-portable. Full linter coverage (...
A lightweight HTML-based dashboard for tracking and visualizing key web performance metrics in real-time.
Generate responsive image variants in WebP with automatic manifest.json generation.
🌐 Optimize web projects with essential skills for performance, accessibility, and SEO, based on Google Lighthouse and Core Web Vitals guidelines.
A comprehensive Chrome extension for advanced SEO analysis, evaluating on-page, technical, content, and off-page metrics with detailed reports, issue...
Diagnoses slow pages down to file and line, then your agent fixes it.