📝 A curated list of Web Performance Optimization. Everyone can contribute here!
-
Updated
Feb 13, 2025 - JavaScript
📝 A curated list of Web Performance Optimization. Everyone can contribute here!
Automate running Lighthouse for every commit, viewing the changes, and preventing regressions
sitespeed.io is an open-source tool for comprehensive web performance analysis, enabling you to test, monitor, and optimize your website’s speed using real browsers in various environments.
Headless Chromium-based web performance metrics collector and monitoring tool
A fast, flexible, and small SEO-friendly lazy loader.
displays the import size of the package you are importing inside the code editor
Performance-Bookmarklet helps to analyze the current page through the Resource Timing API, Navigation Timing API and User-Timing - requests by type, domain, load times, marks and more. Sort of a light live WebPageTest.
CSS selectors complexity and performance analyzer
📉 Visualisation layer and data store for SpeedTracker
easy webperf trace sharing
Perfromance budget plugin for Webpack (https://webpack.js.org/)
Sample using lighthouse and lighthouse-core with Mocha to run tests on your project/site.
Audit deployed web sites with my artisanal blend of WPT Network Emulation Profiles, Puppeteer, Chrome headless, Lighthouse, and Github Actions.
Example how to use sitespeed.io to monitor the performance of your web site
a command-line tool that computes optimal image widths to put in srcset attributes of responsive images
Framework allows to perform frontend performance testing with sitespeed.io + webpagetest, view application/server metrics in real-time with Grafana.
A Service Worker that monitors network requests to estimate bandwidth and RTT
Imagemin meets Rollup!
A tool to visualize the Real User Monitoring (RUM) data for 3,237,526 websites from Google Chrome users under various device and connection types.
Add a description, image, and links to the webperf topic page so that developers can more easily learn about it.
To associate your repository with the webperf topic, visit your repo's landing page and select "manage topics."