awesome-web-performance-budget

Optimizations while building responsive websites.

How we shaved 1.7 seconds off casper.com by self-hosting Optimizely.

A Netflix Web Performance Case Study.

A Pinterest Progressive Web App Performance Case Study.

Improving Smashing Magazine's Web Performance Case Study.

Improving third-party web performance at The Telegraph.

A tool to help you find source code duplication across your JavaScript chunks/splits.

Find the cost of adding a npm package to your bundle.

CSS selectors complexity and performance analyzer.

Visualise the module tree of browserify project bundles and track down bloat.

Analyze and Visualise project bundles created by Lasso.

A plugin for the parcel bundler to visualise bundle contents.

Keep your bundle size in check.

Grunt task for performance budgeting.

Extension to display inline in the VS code editor the size of the imported package.

How to set up a performance budget using

Lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in the template.

Lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in the template.

Conversation with people to make web faster by

A podcast about building websites.

Performance Budget with Tim Kadlec.

How we can make smarter design decisions, from the beginning of a project, to ensure that our sites perform well.

How to implement performance budgets to avoid regression - Google Chrome Developers.

Revisiting Performance Budgets

How performance is important for designers.

Instructions for developing the performance budget.

Impact of Page Weight on Load Time.

Set up performance budget into your build process.

Setting a performance budget by Invision.

Performance Budget by Addyosmani.

Helps you monitor, analyze, and optimize your websites.

Tiny, web performance monitoring library that reports field data back to your favorite analytics tool.