📦 Combine Chrome tooling like Lighthouse userflows and DevTools reconder scripts in your CI
Example website used in Frontend Masters course "Fundamentals of Web Performance"
Sample project advocating for web workers, Comlink and .... making the UI thread great again
🙈 Codelab for running Lighthouse to test a page behind authentication flow
PWA ready responsive html/css template
Static web page with some typical performance issues. A exercise for students of my lecture Rich Media Systems at Stuttgart Media University is to find these issues and improve the loading experience for the users.
Learn Modern Web Development with HTML, CSS and JavaScript
🦊 Advanced Lazy Loading Implementation - Native deferred image loading using Intersection Observer API for web performance optimization | Vanilla JavaScript ES6+ | Modern build toolchain with Snowpack + Tailwind CSS + RandomFox API ⚡
A hands-on interactive demo to learn and experiment with adding rel="noopener noreferrer" to links.
R&D project for figuring out WebP usage options and performance
Repositori ini merupakan kumpulan praktek dari materi yang ada pada kelas menjadi front end web developer expert di Dicoding
New CSS property content-visibility || Example Performance Test
Tips for improving web performance
⚡ A TypeScript CLI for automated Google Lighthouse audits — supports batch audits, URL comparison, and performance monitoring
Lazy loading é uma técnica incrível para melhorar a performance de projetos JavaScript, onde os recursos não essenciais, como imagens, vídeos ou até partes do código, são carregados apenas quando realmente necessários—geralmente ao serem exibidos na tela. Isso ajuda a reduzir o tempo de carregamento inicial e proporciona uma experiência.
Tests for responsive image syntax
Performant Infinite scroll, vanilla JS, the Right way
A modern, responsive portfolio site to showcase my projects and skills. Built with a focus on performance, clean design, and a seamless user experience across all devices.
Add a description, image, and links to the web-performance topic page so that developers can more easily learn about it.
To associate your repository with the web-performance topic, visit your repo's landing page and select "manage topics."