Web Performance Budget
Techniques to ensure certain performance metrics for a website.
Build Tools to set up performance budget
Keep your bundle size in check.
Grunt task for performance budgeting.
Calculate the real cost to run your JS app or lib to keep good performance. Show error in pull request if the cost exceeds the limit.
Track compressed Webpack asset sizes over time.
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.
CLI tool and lib to gather performance metrics via Lighthouse.
Bundle Analyzers
Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap.
Analyze and Visualise project bundles created by Lasso.
Visualize and analyze your Rollup bundle to see which modules are taking up space.
A plugin for the parcel bundler to visualise bundle contents.
CSS selectors complexity and performance analyzer.