webperf

GoogleChrome/lighthouse-ci

Automate running Lighthouse for every commit, viewing the changes, and preventing regressions

sitespeedio/sitespeed.io

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.

JamieMason/ImageOptim-CLI

Make optimisation of images part of your automated build process

axe312ger/sqip

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

macbre/phantomas

Headless Chromium-based web performance metrics collector and monitoring tool

rx-angular/rx-angular

Reactive Extensions for Angular.

malchata/yall.js

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

wix/import-cost

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

nucliweb/webperf-snippets

⚡️ 💾 Web Performance Snippets

paulirish/pwmetrics

Progressive web metrics at your fingertipz

micmro/performance-bookmarklet

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.

macbre/analyze-css

CSS selectors complexity and performance analyzer

speedtracker/speedtracker

📉 Visualisation layer and data store for SpeedTracker

micmro/PerfCascade

Responsive, SVG based HAR waterfall viewer

perf-rocks/perf.rocks

Curated resources that help you build lightning fast websites

WarrenJones/nemetric

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

GoogleChromeLabs/discovery

Discoveries on Sustainable Loading research

kurtextrem/awesome-performance-patches

🚀⚡ Awesome list about performance related patches/PRs.

paulirish/trace.cafe

easy webperf trace sharing

sitespeedio/compare

Compare HAR files.

uknmr/gas-webpagetest

AvraamMavridis/performance-budget-plugin

Perfromance budget plugin for Webpack (https://webpack.js.org/)

justinribeiro/lighthouse-mocha-example

Sample using lighthouse and lighthouse-core with Mocha to run tests on your project/site.

justinribeiro/lighthouse-action

Audit deployed web sites with my artisanal blend of WPT Network Emulation Profiles, Puppeteer, Chrome headless, Lighthouse, and Github Actions.

JamieMason/blurhash-to-css

Convert BlurHashes to CSS Objects using TypeScript, Rust, and WebAssembly.

sitespeedio/dashboard.sitespeed.io

Example how to use sitespeed.io to monitor the performance of your web site

mazipan/webperf-ecommerce-id

⚡️ Web Perf Comparison for E-Commerce in Indonesia

cleverage/daltons

a command-line tool that computes optimal image widths to put in srcset attributes of responsive images

fasterize/HowSlow

A Service Worker that monitors network requests to estimate bandwidth and RTT

radum/performance-testing-framework

Framework allows to perform frontend performance testing with sitespeed.io + webpagetest, view application/server metrics in real-time with Grafana.

dvelasquez/lighthouse-viewer

Wrapper for VanillaJS, VueJS & React of the Original Lighthouse Reporter/Viewer

philnash/jekyll-gzip

Generate gzipped assets and files for your Jekyll site at build time

lorenzodelijser/lint-html-with-css

Lint HTML with CSS. A collection of CSS snippets from the hashtag #lintHTMLwithCSS on twitter. These CSS snippets intend to warn developers about common mistakes made in HTML.

jguyomard/docker-yellowlabtools

:whale: Yellow Lab Tools Docker Image

JamieMason/image-optimisation-tools-comparison

A Benchmarking Suite for popular Image Optimisation Tools