Frontend Optimization
Showing 32 of 32 projects
Relocate resource-intensive third-party scripts off the main thread and into a web worker to improve site performance.
A Node.js tool that removes unused CSS from stylesheets by analyzing HTML files and executing JavaScript.
A curated list of Web Performance Optimization (WPO) resources including tools, articles, books, and talks.
A curated list of tools, articles, books, and talks for Web Performance Optimization (WPO).
A tiny, modular JavaScript library for measuring Core Web Vitals and other essential performance metrics on real users.
A JavaScript function and HTML pattern for loading CSS files asynchronously to prevent render-blocking.
A custom element for embedding YouTube videos with a focus on visual performance, loading 224× faster than standard iframes.
A highly configurable, well-tested JavaScript-based HTML compressor/minifier with Node.js support.
A lightweight JavaScript library for monitoring web font loading using scroll events.
A JavaScript library for responsive design, feature detection, and asynchronous resource loading with cross-browser compatibility.
A headless Chromium-based modular web performance metrics collector for in-depth frontend analysis.
A lightweight library to easily move functions or classes to web workers for non-blocking UI execution.
Extracts above-the-fold CSS from web pages to improve loading performance.
A Gulp plugin for static asset revisioning by appending content hashes to filenames to enable long-term caching.
A Gulp plugin that minifies JavaScript files using UglifyJS3 for optimized production builds.
A curated collection of tools for generating, inlining, and optimizing critical-path (above-the-fold) CSS to improve web performance.
A curated collection of resources for learning and researching web performance optimization, covering architecture, metrics, tools, and case studies.
A Laravel package that minifies HTML, CSS, and JavaScript responses and Blade templates at compile time.
A standalone JavaScript library for lazy loading images, iframes, and widgets when they become visible in the viewport.
A curated list of web performance metrics, tools, and concepts for measuring page speed and user experience.
A curated list of web performance metrics, tools, and concepts for measuring page speed and user experience.
A curated list of web performance metrics, tools, and concepts for measuring page speed and user experience.
Analyze and compare bundle stats (size, assets, modules, packages) across builds for webpack, rspack, vite, rollup, and rolldown.
A Gulp plugin to minify CSS files using the clean-css library.
An unscientific collection of tests measuring CSS rendering performance for different selectors, properties, and layout techniques.
A .NET library for minifying HTML, XHTML, and XML markup to improve web application performance.
A Gulp plugin that minifies CSS using CSSO for maximum compression and structural optimization.
A curated list of vanilla JavaScript alternatives to common jQuery plugins, helping developers reduce dependencies.
A curated list of articles, tools, and case studies for implementing web performance budgets.
A Node.js tool that inlines critical CSS and asynchronously loads remaining stylesheets for faster page rendering.
Adds Ember-specific performance instrumentation to Chrome's Timeline for debugging render times of components and outlets.
A Grunt task for testing web page performance using YSlow and PhantomJS.
Related Tags
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.