Javascript Performance Tools
Collections
- Yellow Lab Tools: Online test to help speeding up heavy web pages
- webhint is a customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors.
- source-map-explorer: Analyze and debug JavaScript (or Sass or LESS) code bloat through source maps.
- bundle size: Keep your bundle size in check
- Size Limit: 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.
- Benchmarking JavaScript Memory Usage
- astro
- Vanilla JavaScript and old-school SSGs are the best choices for web performance
- React and Angular perform twice as bad as Vanilla JS on average.
- In contrast, Vue actually stands closer to Preact and Stencil at an average of 1.5 times. The main reason for the difference between this result and what we saw reported in the Web Almanac might be due to the performance improvements Vue had when version 3.0 released.
- And finally, Solid, Lit, and Svelte are all at around 1.2 times. They all perform very close to the Vanilla JS version.
- Waterfaller: Unique tool to improve slow web pages
- main-thread-scheduling - Fast and consistently responsive apps using a single function call
- Top 5 Web APIs for performance-based analysis (and how to use them)