There are 10 repositories under webperf topic.
:pencil: 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
displays the import size of the package you are importing inside the code editor
⚡️ 💾 Web Performance Snippets
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.
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.
Convert BlurHashes to CSS Objects using TypeScript, Rust, and WebAssembly.
Example how to use sitespeed.io to monitor the performance of your web site
⚡️ Web Perf Comparison for E-Commerce in Indonesia
Framework allows to perform frontend performance testing with sitespeed.io + webpagetest, view application/server metrics in real-time with Grafana.
Generate gzipped assets and files for your Jekyll site at build time
Wrapper for VanillaJS, VueJS & React of the Original Lighthouse Reporter/Viewer
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.
A Benchmarking Suite for popular Image Optimisation Tools