web-performance

A multi-stage guided tour with a replayable intro using Next.js and CSS. Optimized UI with React and TypeScript, used the IntersectionObserver API for...

Workshop exercises in Frontend Masters course "Fundamentals of Web Performance"

Untuk submission Menjadi Front End Web Developer Expert

RapidPreLoader is a JS VANILA plugin that preload site sized stuff to improve perfomance and speed during surfing. (fast mvp working version, vanila c...

🚀 High-performance, SEO-optimized web app built with Vite, SCSS, TypeScript & Express.js. Supports clean URLs, API endpoints, and Docker deployment.

Tests for responsive image syntax

Inlining CSS and JS to improve web performance

Example website used in Frontend Masters course "Fundamentals of Web Performance"

Restaurant Application

SudiptoImgTranscode is a Node.js library designed to simplify the process of converting images to next-gen formats like PNG, WebP, and AVIF. It aims t...

LazyLoader is a JS VANILA plugin (maded for freelance job (P.S. needed fast MVP)), to uptimize "Google PageSpeed Insights" GOALS, and speed up site lo...

High performance achieved by serving static data from a cache source

Shopify site builder with fast SEO automation

High-performance, SEO-optimized technical service site built with Next.js 14 App Router and deployed on Vercel.

CLI tool for generating Blue Triangle performance, revenue, and resource usage reports

🚀 Generador de sitios estáticos (SSG) de alto rendimiento en Go. Automatiza el Programmatic SEO con generación dinámica de HTML, imágenes Open Graph...

Caches frequently downloaded assets to save bandwidth, with per-site controls.

A lean CLI to fetch PageSpeed Insights and emit compact, stable snapshots for LLMs and CI.

PHP CSS and JS Files Optimizer improves frontend performance by automatically optimizing, grouping, and minimizing CSS and JavaScript files in your HT...

CLI tool for automated SEO audits — check meta tags, performance, accessibility, and link health

⚡ A TypeScript CLI for automated Google Lighthouse audits — supports batch audits, URL comparison, and performance monitoring

Portfolio site built with VuePress. Demonstrates technical SEO implementation, performance optimization, and structured content strategy. Live at step...

Vantage — A premium, high-converting fintech landing page built with Next.js 15, React 19, and Tailwind CSS. Features ultra-smooth Framer Motion anim...

Docker compose for nginx + varnish configs for wordpress

Lazy Google Fonts is a lightweight, dependency-free JavaScript plugin that loads Google Fonts without blocking page rendering, helping improve PageSpe...

A robust API-driven application utilizing the Aladhan API to deliver precise global prayer schedules. This project demonstrates clean asynchronous Jav...

High-performance portfolio for architectural firms. Features a Git-based CMS for easy management, Astro 5 for speed/SEO, and a native GDPR-friendly ar...

High-performance Astro portfolio & developer content platform focused on SEO and product engineering

High-performance showcase site demo (100/100 Lighthouse score) for premium local businesses. Built with Astro 5 and Tailwind CSS. Focused on speed, ec...

Production-grade static e-commerce frontend built with HTML, CSS, and JavaScript. Demonstrates real-world UI architecture, cart workflows, responsive...

A high-fidelity web performance simulation that forces a 146-second load time, mimicking 56k modem speeds through throttled DOM injection and CSS clip...

A modern, responsive portfolio site to showcase my projects and skills. Built with a focus on performance, clean design, and a seamless user experienc...

Monitor ICU patient vitals remotely using AI-driven risk prediction and real-time alerts through a clear, responsive dashboard.

🦊 Advanced Lazy Loading Implementation - Native deferred image loading using Intersection Observer API for web performance optimization | Vanilla Jav...

Growing collection of small, purposeful web utilities focused on security hardening, performance insight, and day‑to‑day frontend workflow improvement...

CLI tool that monitors website health — response time, HTTP status, SSL expiry, redirects, and page size

🔥 Gordon Ramsay meets web development. Roast any website's SEO, speed, and design with brutal honesty.

Find what's bloating your JS bundle. Top offenders ranked by size, lighter alternatives suggested, tree-shake opportunities detected. Works with any b...

Este repositório contém o código-fonte do meu portfolio pessoal, desenvolvido com foco em performance, controle total do build, SEO real e engenharia...

Extracteur de CSS critique : Puppeteer (headless), clean-css, API REST Express, tests Jest

A WordPress plugin that dynamically prevents sticky headers and top bars from overlapping site content

A modern responsive frontend web application built with React, featuring a clean UI and optimized performance.

High-performance Edge Delivery architecture for BizSafer optimized for sub-second Core Web Vitals and industrial-grade security. Demonstrates 60% imag...

🛍️ E‑Commerce con React + Redux — SPA rápida y responsiva: catálogo de productos, historial de compras y navegación con Router. ⚙️ Componentes reutili...

PWA для локальной оптимизации изображений: WebP/AVIF/JPEG, responsive размеры, ALT-генерация, ZIP-экспорт. Vite + React + Tailwind, GitHub Pages, offl...

Angular Universal project implementing server-side rendering (SSR) for faster load times and improved SEO. Includes routing, data pre-fetching, and de...

Professional web development showcase site. Built with Astro 5 and Tailwind CSS. Engineered for high performance, SEO, and accessibility to help small...