Web application performance optimization is quickly becoming an essential element of the development process. Below you’ll find list of Javascript Code Optimization Tools for web developers to diagnose and fix common performance problems to make your web apps more performant!
Flow
Flow is a static type checker for your JavaScript code. It does a lot of work to make you more productive. Making you code faster, smarter, more confidently, and to a bigger scale.
Size Limit
This is a tool to prevent JavaScript libraries bloat. With it, you know exactly for how many kilobytes your JS library increases the user bundle.
ESLint
It is linting tool. Does the term `linting` sound familiar to you? It`s a process of using a tool to automatically check your code for potential problems.
JSHint
It is a community-driven tool that detects errors and potential problems in JavaScript code. Since JSHint is so flexible, you can easily adjust it in the environment you expect your code to execute. JSHint is open source and will always stay this way.
Plato
JavaScript source code visualization, static analysis, and complexity tool.
webpack
It is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Bundle Buddy
It is a tool to help you find source code duplication across your javascript chunks/splits. This enables you to fine tune code splitting parameters to reduce bundle invalidation rates as well as improve repeat page load performance.
Iroh
It is a dynamic code analysis tool for JavaScript. Iroh allows to record your code flow in realtime, intercept runtime informations and manipulate program behaviour on the fly.
optimize-js
Optimize a JavaScript file for faster initial execution and parsing, by wrapping all immediately-invoked functions or likely-to-be-invoked functions in parentheses.
JavaScript Standard Style
JavaScript Style Guide, with linter & automatic code fixer.