Awesome GitHub RepositoriesCode Minifiers

esbuild is a high-performance JavaScript bundler and transpiler designed to transform modern web assets into production-ready code. Built with a focus on speed, it utilizes a concurrent execution model to perform parsing, linking, and code generation across multiple CPU cores. The engine handles a wide range of tasks, including TypeScript compilation, JSX transformation, and CSS bundling, while maintaining a consistent build process across diverse environments. What distinguishes the project is its architecture, which leverages memory-mapped file processing and a single-pass transformation st

This project is a high-performance compiler written in Rust that transpiles TypeScript and ECMAScript into compatible JavaScript code. It functions as a TypeScript transpiler, a JavaScript minifier, and a JavaScript bundler. The system distinguishes itself through a WebAssembly plugin host that allows the execution of custom transformation rules without modifying the core binary. It also provides specialized compilation for React source code to improve runtime performance and reduce execution overhead. The broader capability surface includes source-to-source compilation, type annotation stri

UglifyJS is a tool for JavaScript code minification, AST manipulation, and source beautification. Its primary purpose is to reduce the file size of JavaScript source code by removing whitespace and shortening variable names to optimize frontend build assets. The project differentiates itself through its ability to programmatically analyze and transform code using abstract syntax trees. It performs constant folding analysis and conditional compilation to eliminate unreachable or redundant code, and it employs a multi-pass compression pipeline to maximize total file size reduction. The tool pr

PurifyCSS is a CSS unused style remover and payload optimizer that analyzes HTML and templates to identify and delete unused CSS selectors from stylesheets. It functions as a frontend build automation tool that integrates into development pipelines to automatically strip redundant styles and minify assets during the compilation phase. The tool provides specific optimization for single page applications, identifying and removing redundant CSS while ensuring necessary styles are preserved across dynamic views and states. The utility covers a range of capabilities including static content analy

Terser is a JavaScript minifier and compressor designed to reduce file size through whitespace removal, symbol mangling, and logic optimization for ES6+. It functions as a toolkit for minification, a code mangler for shortening variable and property names, and a dead code eliminator that evaluates constant expressions to remove unreachable logic. The project operates as an AST toolkit that parses JavaScript source into SpiderMonkey AST format for structural analysis. It generates source maps to link compressed production code back to the original source, ensuring that minified bundles remain

This project is a JavaScript optimizer, minifier, module bundler, transpiler, and static analysis tool. It provides a compilation pipeline designed to shrink file sizes and improve runtime performance. The system utilizes a multi-pass compilation process to perform dead code elimination, global name mangling, and static type inference. It identifies unreachable functions and unused variables to reduce the final output size and detects potential runtime errors without executing the code. The tool manages assets through dependency resolution, code chunking, and bundle management. It ensures co

SVGOMG is a browser-based SVG minification tool that applies SVGO transformations entirely on the client side. It processes SVG files in a Web Worker to keep the user interface responsive, then displays the original and optimized file sizes side by side, including gzipped size estimates. The tool provides a live preview of the optimized SVG markup, rendered directly in the browser for immediate visual feedback. Users can configure which SVGO optimization plugins are enabled or disabled, set numerical precision for coordinates and transforms, and optionally pretty-print the output. Multiple op

Ce projet est un guide complet et une ressource éducative pour le langage TypeScript. Il couvre les principes fondamentaux du langage, incluant son système de typage structurel, l'analyse de type statique et le processus de transpilation des fichiers sources typés en JavaScript. Le matériel détaille comment modéliser des données complexes et une logique de type réutilisable en utilisant des génériques, des types conditionnels et des types mappés. Il explique également l'utilisation des fichiers de déclaration pour fournir une sécurité de type pour les bibliothèques JavaScript externes et l'intégration de la vérification de type dans des projets JavaScript existants via des annotations JSDoc. La portée du contenu s'étend aux modèles de programmation orientée objet, à la manipulation du DOM et à la configuration des comportements du compilateur. Il inclut des conseils sur la gestion de l'interopérabilité des modules, la mise en place de pipelines de build et l'utilisation de l'intelligence de l'éditeur pour une meilleure productivité des développeurs.

Ce projet est une référence technique et un guide pour optimiser les performances des applications Angular. Il fournit une liste de contrôle complète pour améliorer la vitesse et l'efficacité en se concentrant sur l'optimisation des bundles, les meilleures pratiques de rendu et l'exécution au moment de l'exécution (runtime). Le guide couvre un large éventail de différenciateurs, notamment la mise en œuvre de stratégies d'applications web progressives (PWA) via des service workers et la mise en cache hors ligne. Il détaille également des méthodes pour améliorer les temps de chargement perçus en utilisant le rendu côté serveur et les shells d'application. Le dépôt fournit des conseils sur des domaines de compétences plus larges tels que le réglage de la détection de changement, l'utilisation de web workers pour décharger les calculs lourds, et la gestion du DOM via le défilement virtuel. Il couvre également la réduction de la taille des bundles via le tree-shaking, la minification et le fractionnement des modules en chargement paresseux (lazy-loading).

Ce projet est une interface de débogage de navigateur spécialisée conçue pour surveiller les éléments DOM, le trafic réseau et l'exécution JavaScript. Il fournit une interface utilisateur côté client pour inspecter et déboguer les applications web, permettant la modification en temps réel des styles CSS et l'investigation du runtime JavaScript. La boîte à outils inclut des outils d'analyse dédiés pour WebAssembly, avec mise en évidence du désassemblage, inspection de la portée et profilage de l'exécution binaire. Elle fournit également un inspecteur de trafic réseau pour analyser les requêtes HTTP et un éditeur de style CSS pour tester les propriétés et les at-rules. Le système couvre un large éventail de capacités, notamment la modification de l'arborescence DOM, le profilage de performance frontend avec limitation du CPU et le débogage des service workers. Il gère également la gestion des ressources source, comme le mappage des assets réseau vers des fichiers locaux et le pretty-printing du code minifié, tout en prenant en charge la localisation multilingue. Le projet est développé en utilisant TypeScript et emploie une architecture basée sur les composants avec chargement de modules à la demande.