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 that helps you monitor, analyze and optimize your website speed and performance, based on performance best practices advices from the coach and collecting browser metrics using the Navigation Timing API, User Timings and Visual Metrics (FirstVisualChange, SpeedIndex & LastVisualChange).

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

Make optimisation of images part of your automated build process

Headless Chromium-based web performance metrics collector and monitoring tool

Reactive Extensions for Angular.

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

Progressive web metrics at your fingertipz

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

Responsive, SVG based HAR waterfall viewer

Curated resources that help you build lightning fast websites

Discoveries on Sustainable Loading research

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

⚡️ 💾 Web Performance Snippets

Compare HAR files.