webperf

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

Make optimisation of images part of your automated build process

"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.

Headless Chromium-based web performance metrics collector and monitoring tool

Reactive Extensions for Angular.

A fast, flexible, and small SEO-friendly lazy loader.

displays the import size of the package you are importing inside the code editor

⚡️ 💾 Web Performance Snippets

Progressive web metrics at your fingertipz

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

Responsive, SVG based HAR waterfall viewer

Curated resources that help you build lightning fast websites

前端性能指标的监控,采集以及上报。用于测量第一个dom生成的时间(FP/FCP/LCP)、用户最早可操作时间（fid|tti）和组件的生命周期性能,，网络状况以及资源大小等等。向监控后台报告实际用户测量值。

Discoveries on Sustainable Loading research

🚀⚡ Awesome list about performance related patches/PRs.

easy webperf trace sharing