web-performance

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

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

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

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

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

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...

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

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

Docker compose for nginx + varnish configs for wordpress

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

⚡ TypeScript CLI for automated Google Lighthouse audits — batch processing, URL comparisons, performance monitoring

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

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

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

🚀 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...

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

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

High performance achieved by serving static data from a cache source

🌐 Portafolio de CYSTEMS: proyectos interactivos, animaciones y diseño responsive. Astro · TypeScript · Tailwind.

Best practices for image optimization without losing quality. Improve your website speed and performance.

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...

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...

Restaurant Application

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

Inlining CSS and JS to improve web performance

Tests for responsive image syntax

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

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

Untuk submission Menjadi Front End Web Developer Expert

Workshop exercises in Frontend Masters course "Fundamentals of 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...

"Menjadi Front-End Web Developer Expert" is my last class which I have learned at Dicoding Indonesia. The lessons I have learned include Accessibility...

Foodwar Web Apps is a website to show restaurant catalog, users can see details of the restaurant, add restaurant to favorite and also add a new revie...

⚡️ Example of frontend performance tests and performance audit using Cypress framework and browser's performance API

Generate a collage of filmstrip videos from multiple Chrome performance profiles.

Turbo collects and monitors web performance metrics

Web performance optimization tips from Google Chrome Developers

A demo project of Code Splitting and Bundle Pre-loading techniques in Angular application.

Study notes for front end technologies

Web Performance Mini Series by Paul Lewis

:chart_with_upwards_trend: A simple presentation about web perf, mainly focused on code splitting

Moved to https://github.com/imager-io/imager-core

Mozilla's mozjpeg in a flatpak

The Road to Web Performance in 3 Critical Steps - AmsterdamJS 2017

Yet another bundle analyzer for Webpack

Moved back to https://github.com/imager-io/imager (simpler this way)

R&D project for figuring out web icon system options

Native Lazy Loading Test Example