awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
siddharthkp avatar

siddharthkp/bundlesize

0
View on GitHub↗
4,476 estrellas·177 forks·JavaScript·MIT·5 vistas

Bundlesize

Bundlesize es una herramienta de integración continua utilizada para calcular el peso de los bundles de JavaScript, rastrear el crecimiento de los activos y bloquear despliegues que excedan los límites de tamaño predefinidos. Funciona como un validador y reportero de tamaño de bundle que monitorea los archivos de compilación de JavaScript para evitar un crecimiento inesperado.

La herramienta se integra directamente en los pipelines de compilación para aplicar presupuestos de rendimiento frontend. Comunica los resultados de la validación a las plataformas de control de versiones mediante llamadas a la API, lo que le permite señalar cuándo se exceden los límites de tamaño del bundle y bloquear pull requests en flujos de trabajo de integración continua.

El sistema identifica los activos objetivo utilizando patrones glob y los asigna a restricciones de tamaño específicas a través de un archivo de configuración. Realiza un análisis de tamaño evaluando tanto los pesos de los archivos sin procesar como las versiones comprimidas, como Gzip o Brotli, frente a umbrales máximos.

Features

  • Bundle Size Monitoring - Tracks and reports the size of JavaScript build artifacts to detect regressions and prevent unexpected growth.
  • Gzip Size Previews - Calculates the estimated file size after Gzip or Brotli compression to monitor actual payload weights.
  • CI Budget Enforcement - Blocks merges in continuous integration pipelines by validating that bundle sizes remain within specified limits.
  • CI Size Validators - Functions as a continuous integration check that blocks pull requests when JavaScript file sizes exceed limits.
  • Continuous Integration Validators - Integrates into the CI pipeline to enforce project standards by blocking pull requests that exceed size limits.
  • Asset Size Thresholds - Compares current asset sizes against pre-defined maximum limits to block builds that exceed budgets.
  • Frontend Performance Optimization - Enforces frontend performance budgeting by setting and monitoring maximum file size limits for web assets.
  • Size Constraint Mappings - Uses a configuration file to map build artifacts to their respective size constraints.
  • Glob-Based File Location - Locates target JavaScript assets by matching specified glob patterns against the project directory.
  • Pull Request Status Trackers - Reports bundle size validation results as status checks directly on GitHub pull requests.
  • Build Status Reporters - Provides real-time feedback on bundle size validation status during the build process.
  • Bundle Analysis - Monitors and enforces bundle size limits.

Historial de estrellas

Gráfico del historial de estrellas de siddharthkp/bundlesizeGráfico del historial de estrellas de siddharthkp/bundlesize

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a Bundlesize

Proyectos open-source similares, clasificados según cuántas características comparten con Bundlesize.
  • danvk/source-map-explorerAvatar de danvk

    danvk/source-map-explorer

    3,930Ver en GitHub↗

    source-map-explorer is a source map bundle analyzer that visualizes the space usage of bundled JavaScript files. It functions as a bundle size auditor and visualizer, using source maps to identify which original modules and files occupy the most space within a production bundle. The tool generates an interactive treemap to represent bundle composition and calculates compressed gzip sizes to estimate actual network transfer costs. It further serves as a code coverage mapper by overlaying execution data onto source maps to identify unused code segments that can be deferred or split. The utilit

    TypeScript
    Ver en GitHub↗3,930
  • twobin/react-lazyloadAvatar de twobin

    twobin/react-lazyload

    5,904Ver en GitHub↗

    react-lazyload is a React component and viewport visibility wrapper designed to minimize resource consumption by deferring the display of off-screen UI elements. It functions as a frontend performance optimizer that delays the rendering of images or components until they enter the browser viewport. The library prevents layout shifts by allowing the definition of placeholder dimensions, maintaining page stability while content loads lazily. It manages the transition from these placeholders to actual content using internal state and optional animations. The system provides mechanisms for viewp

    JavaScriptlazyloadreact
    Ver en GitHub↗5,904
  • bbc/imager.jsAvatar de bbc

    bbc/Imager.js

    3,820Ver en GitHub↗

    Imager.js is a responsive image loader library and asset delivery optimizer. It serves as a browser-based image manager that delivers optimized image variants based on device screen dimensions and pixel density. The library maps abstract image identifiers to concrete network requests for third-party hosting services. It dynamically updates image source attributes during window resize events and translates numeric widths into custom strings to match specific asset naming conventions. The system provides capabilities for responsive image delivery, including lazy loading to defer downloads unti

    JavaScript
    Ver en GitHub↗3,820
  • bendc/frontend-guidelinesAvatar de bendc

    bendc/frontend-guidelines

    9,089Ver en GitHub↗

    This project is a comprehensive collection of frontend development best practices and standards. It provides guides for writing semantic HTML, efficient CSS, and functional JavaScript to improve overall web performance and accessibility. The repository establishes frameworks for modern CSS architecture, focusing on specificity management and the use of Flexbox and Grid for predictable layouts. It outlines patterns for functional JavaScript programming, emphasizing the use of pure functions and composition to reduce execution time and dependency bloat. The guidelines cover several core capabi

    Ver en GitHub↗9,089
Ver las 30 alternativas a Bundlesize→

Preguntas frecuentes

¿Qué hace siddharthkp/bundlesize?

Bundlesize es una herramienta de integración continua utilizada para calcular el peso de los bundles de JavaScript, rastrear el crecimiento de los activos y bloquear despliegues que excedan los límites de tamaño predefinidos. Funciona como un validador y reportero de tamaño de bundle que monitorea los archivos de compilación de JavaScript para evitar un crecimiento inesperado.

¿Cuáles son las características principales de siddharthkp/bundlesize?

Las características principales de siddharthkp/bundlesize son: Bundle Size Monitoring, Gzip Size Previews, CI Budget Enforcement, CI Size Validators, Continuous Integration Validators, Asset Size Thresholds, Frontend Performance Optimization, Size Constraint Mappings.

¿Qué alternativas de código abierto existen para siddharthkp/bundlesize?

Las alternativas de código abierto para siddharthkp/bundlesize incluyen: danvk/source-map-explorer — source-map-explorer is a source map bundle analyzer that visualizes the space usage of bundled JavaScript files. It… twobin/react-lazyload — react-lazyload is a React component and viewport visibility wrapper designed to minimize resource consumption by… gatsbyjs/gatsby — Gatsby is a React static site generator and hybrid rendering framework used to build websites by pre-rendering… bbc/imager.js — Imager.js is a responsive image loader library and asset delivery optimizer. It serves as a browser-based image… bendc/frontend-guidelines — This project is a comprehensive collection of frontend development best practices and standards. It provides guides… gregberge/loadable-components — loadable-components is a React code splitting library and client-side bundle optimizer. It functions as a dynamic…