web-performance

CV | Software Engineer & AI Developer

Single-page product landing for LIVE SILL — vanilla HTML/CSS/JS on Netlify, with a Netlify Function that validates, de-duplicates and fans out orders...

📉 Compress JPG, PNG, WebP, GIF, BMP and AVIF free — batch compress with Balanced, Maximum or High Quality modes, compare before/after, resize, downlo...

Multilingual memory card game in React — 3D card flips, WCAG AA, 115 KB bundle, PageSpeed 100.

What happens when you press Enter — one web request across browser, DNS, network, TLS, AWS, Kubernetes, microservices, data stores and observability,...

Agentic full-stack portfolio & open-source engineering chronicle: Vanilla ESM, FastAPI, OpenRouter (grok-4.3), WebMCP tools, Apple HIG glassmorphism,...

Make it buttery smooth: a portable skill that teaches any AI the exact easings, staggers, scroll architecture, and 60fps video practices behind clicks...

Claude Code skill that diagnoses real PageSpeed Insights / Core Web Vitals problems (slow LCP, high TBT, poor CLS) on a live URL — works with or witho...

지금 보고 있는 사이트가 유발하는 CPU·메모리·네트워크 부하를 실시간 그래프로 보여주는 Chrome 확장 (MV3)

Streamlit audit tool that scans a webpage's image formats and surfaces WebP and SVG optimization opportunities.

Framework-free AI platform landing page with matrix-driven pricing, responsive interaction states, and progressive 3D.

Deploy Angular 22 SSR to serverless and see what really happens. Hybrid rendering side by side, cold starts measured stage by stage, and the Angular 2...

🚀 Universal AI Agent Skill & Playbook to systematically achieve 100/100 across Google Lighthouse (Performance, Accessibility, Best Practices, SEO)

Command Line Interface for the `microdose` framework 🖥

学习 Web 性能指标 APIs

:rabbit: Useful notes and tips about Website Performance Optimization.

🚀 ⚡️ 🌞AdGate is a smart recommendation engine to track poorly built ad content which degrades our page performance | This was a quick fun hacka...

Website Performance Optimization Project

Performant Infinite scroll, vanilla JS, the Right way

I create immersive goal-orientated websites and applications for business.

Automated webpage optimization utility that caches, compresses, concatenates, and otherwise optimizes HTML, CSS, JavaScript, and static file content d...

A tool to get data about a site's performance and network requests

Simple lazy loader with support for img, picture, video, iframe and background images.

Web performance, data visualization, and more

React Intersection Observer hook

Attempt to build a better events experience for VanHackers, using modern web technologies while prioritising UX, performance and the core web vitals

Native Lazy Loading Test Example

R&D project for figuring out web icon system options

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

Yet another bundle analyzer for Webpack

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

Mozilla's mozjpeg in a flatpak

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

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

Web Performance Mini Series by Paul Lewis

Study notes for front end technologies

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

Web performance optimization tips from Google Chrome Developers

Turbo collects and monitors web performance metrics

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

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

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

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

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