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.