awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

56 个仓库

Awesome GitHub RepositoriesBundle Size Optimization

Tools and techniques for reducing the final size of web assets.

Distinguishing note: Focuses on build-time optimization strategies.

Explore 56 awesome GitHub repositories matching development tools & productivity · Bundle Size Optimization. Refine with filters or upvote what's useful.

Awesome Bundle Size Optimization GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • vuejs/vuevuejs 的头像

    vuejs/vue

    209,900在 GitHub 上查看↗

    Vue 是一个渐进式的、基于组件的 JavaScript 框架,旨在构建响应式用户界面和单页应用程序。它以声明式模板系统为中心,将 HTML 转换为高效的渲染函数,允许开发者将复杂的界面组织成自动与应用程序状态同步的隔离、可复用单元。 该框架通过依赖跟踪响应式系统脱颖而出,该系统在渲染期间监控数据访问以触发精确更新。它提供了一个灵活的架构,支持作为轻量级库的增量采用和全规模应用程序开发。开发者可以利用强大的基于插件的扩展模型来注入全局逻辑,同时框架的虚拟 DOM 对账确保通过计算最小突变来实现高效的界面更新。 除了核心渲染能力外,该项目还包括一套全面的工具,用于管理应用程序状态、基于 URL 的路由和服务器端渲染。它为组件组合、内容分发和动画管理提供了广泛支持,并内置了自动内容转义等安全措施以防止常见漏洞。 该框架随附官方类型声明以支持静态分析,并可通过标准包管理器安装,或通过脚本标签直接集成到浏览器环境中。

    Reduces final application size by using runtime-only builds that exclude the template compiler.

    TypeScriptframeworkfrontendjavascript
    在 GitHub 上查看↗209,900
  • addyosmani/agent-skillsaddyosmani 的头像

    addyosmani/agent-skills

    60,849在 GitHub 上查看↗

    Agent-skills is a collection of structured instructions and behavioral personas designed to standardize how AI coding agents perform engineering tasks. It functions as a workflow orchestrator that maps natural language intent to repeatable technical sequences and verification checklists. The project distinguishes itself through the use of specialized markdown-defined roles, such as security auditors or test engineers, to apply targeted domain expertise. It employs an evidence-based verification model that requires runtime data or passing tests as mandatory exit criteria to ensure AI-generated

    Provides instructions for reducing bundle sizes and main-thread blocking via code splitting and tree shaking.

    Shellagent-skillsantigravityantigravity-ide
    在 GitHub 上查看↗60,849
  • nolimits4web/swipernolimits4web 的头像

    nolimits4web/swiper

    41,852在 GitHub 上查看↗

    Swiper is a modular, touch-enabled library designed for building interactive content carousels and sliders for web and mobile applications. It provides a high-performance rendering engine that manages large datasets by dynamically creating and destroying elements based on their proximity to the viewport, ensuring memory efficiency and smooth operation. The library distinguishes itself through a plugin-based architecture that allows developers to include only the specific functionality required for their project, effectively minimizing bundle sizes. It features a hardware-accelerated animation

    Allows developers to exclude unused functionality to reduce final file size.

    JavaScriptcarouselgallerymobile
    在 GitHub 上查看↗41,852
  • zloirock/core-jszloirock 的头像

    zloirock/core-js

    25,501在 GitHub 上查看↗

    core-js is a comprehensive compatibility layer and standard library polyfill that implements ECMAScript proposals and stable language features across diverse JavaScript runtimes. It serves as a runtime environment shim to ensure consistent execution of global objects, iteration protocols, and standard library methods in older browsers or non-browser environments. The project is distinguished by its delivery models, offering both prototype-based global polyfilling and a pure-module implementation. This allows for the integration of modern functionality without modifying global prototypes to pr

    Allows importing only specific required language features to minimize the final delivered code size.

    JavaScript
    在 GitHub 上查看↗25,501
  • ramda/ramdaramda 的头像

    ramda/ramda

    24,072在 GitHub 上查看↗

    Ramda is a functional JavaScript standard library and toolset for immutable data transformation and composition. It provides a comprehensive suite of pure utility functions designed to enable declarative data processing pipelines. The library is distinguished by its use of automatic function currying and a data-last argument order. These design patterns allow multi-argument functions to be partially applied, simplifying the construction of processing chains where data is passed through a sequence of operations. The toolkit covers broad data manipulation capabilities, including list processin

    Allows for the creation of custom builds containing only required utilities to minimize final bundle size.

    JavaScriptjavascriptramda
    在 GitHub 上查看↗24,072
  • tencent/wepyTencent 的头像

    Tencent/wepy

    22,593在 GitHub 上查看↗

    wepy is a frontend build toolchain and component framework designed for creating mini programs. It provides a modular UI library and a system for building reusable interface elements that maintain consistent layouts across different platform environments. The project features a cross-platform build target system that maps a single source codebase to multiple distinct output formats. It utilizes a template-based compilation process to transform custom syntax into platform-specific markup and supports the integration of third-party JavaScript packages through asynchronous module resolution. Th

    Compresses assets and images during the build process to decrease the final bundle size.

    JavaScript
    在 GitHub 上查看↗22,593
  • lit/litlit 的头像

    lit/lit

    21,679在 GitHub 上查看↗

    Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con

    Enables or disables specific diagnostic messages during development to identify common issues or migration requirements.

    TypeScripthtml-templateslitlit-element
    在 GitHub 上查看↗21,679
  • leptos-rs/leptosleptos-rs 的头像

    leptos-rs/leptos

    20,993在 GitHub 上查看↗

    Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

    Provides build-time optimization strategies to reduce the size of compiled binary assets.

    Rustdomfine-grainedisomorphic
    在 GitHub 上查看↗20,993
  • panjiachen/vue-admin-templatePanJiaChen 的头像

    PanJiaChen/vue-admin-template

    20,414在 GitHub 上查看↗

    vue-admin-template is a boilerplate for building administrative interfaces using Vue.js. It provides a pre-configured layout, routing, and state management to bootstrap admin dashboards. The project includes a role-based access control system to restrict menu visibility and route access based on user permissions. It features a component scaffolding tool for generating boilerplate views and business components from templates, as well as an automated SVG icon management system for registering and rendering vector graphics. The template covers data management through Excel import and export uti

    Provides capabilities to measure and analyze dependent module sizes to reduce final asset bloat.

    JavaScriptaxioselement-uijavascript
    在 GitHub 上查看↗20,414
  • pure-admin/vue-pure-adminpure-admin 的头像

    pure-admin/vue-pure-admin

    20,368在 GitHub 上查看↗

    vue-pure-admin is a comprehensive Vue 3 admin dashboard template and TypeScript boilerplate designed for building enterprise web applications. It provides a Vite-based frontend scaffold that incorporates a role-based access control system and a micro-frontend architecture for dividing large administrative applications into smaller, independently deployable units. The project features an advanced permission management framework that handles route protection, menu access filtering, and component-level visibility control. It includes specialized support for multi-tenant system administration, al

    Streamlines core features and applies compression to reduce the overall application footprint.

    Vueadminelement-plusesm
    在 GitHub 上查看↗20,368
  • xiaoxian521/vue-pure-adminxiaoxian521 的头像

    xiaoxian521/vue-pure-admin

    20,341在 GitHub 上查看↗

    Vue-pure-admin is a Vue 3 admin dashboard template and frontend boilerplate designed for developing backend management tools. It functions as a TypeScript web application scaffold that integrates Vite for the build pipeline and Element Plus for the UI framework. The project provides a responsive admin interface that adapts to both desktop and mobile screens. It is structured as an enterprise frontend architecture to support the creation of scalable professional web applications. The system includes capabilities for bootstrapping backend management systems, optimizing bundle sizes, and deploy

    Implements build-time optimization strategies to reduce the final production bundle size.

    Vue
    在 GitHub 上查看↗20,341
  • microsoft/onnxruntimemicrosoft 的头像

    microsoft/onnxruntime

    19,347在 GitHub 上查看↗

    This project is a cross-platform machine learning inference engine designed to execute pre-trained models across diverse operating systems and hardware environments. It functions as a standardized execution framework that manages the entire lifecycle of model inference, from loading and graph optimization to hardware-accelerated execution and generative sequence management. The runtime distinguishes itself through a highly modular architecture that decouples model logic from hardware-specific kernels. By utilizing an execution provider abstraction, it enables developers to offload computation

    Minimizes binary footprint by including only necessary operators for specific model requirements.

    C++ai-frameworkdeep-learninghardware-acceleration
    在 GitHub 上查看↗19,347
  • you-dont-need/you-dont-need-lodash-underscoreyou-dont-need 的头像

    you-dont-need/You-Dont-Need-Lodash-Underscore

    19,159在 GitHub 上查看↗

    This project is a dependency reduction tool and ESLint plugin designed to remove heavy utility libraries from JavaScript projects. It functions as a static analysis tool that identifies third-party library method calls and suggests native ECMAScript alternatives to decrease bundle size. The tool provides a curated replacement guide consisting of native JavaScript code snippets that replicate the behavior of common external utility functions. This allows developers to migrate older codebases to current language standards and reduce project complexity. The system integrates into the linting li

    Reduces final bundle size by eliminating heavy third-party libraries in favor of built-in language features.

    JavaScriptalternativeseslint-pluginfindindex
    在 GitHub 上查看↗19,159
  • vuejs/vitepressvuejs 的头像

    vuejs/vitepress

    17,872在 GitHub 上查看↗

    VitePress is a static site generator designed for building documentation-focused websites. It functions as a framework that transforms markdown source files into pre-rendered HTML, utilizing file-based routing to map document paths directly to site URLs. By leveraging the Vue ecosystem, it enables the creation of content-heavy sites that combine static delivery with dynamic interactivity. The framework distinguishes itself by allowing developers to embed interactive components directly into markdown files, which are then transpiled into executable code modules. It optimizes the user experienc

    Optimizes site delivery through clean URLs, multi-page application modes, and externalized metadata chunks to reduce transferred data size.

    TypeScriptdocs-generatorhacktoberfestmarkdown
    在 GitHub 上查看↗17,872
  • android/sunflowerandroid 的头像

    android/sunflower

    17,774在 GitHub 上查看↗

    Sunflower is a reference implementation designed to demonstrate modern Android development patterns and industry-standard architectural practices. It serves as a comprehensive guide for building functional mobile applications by integrating declarative user interface toolkits with robust data management and navigation systems. The project distinguishes itself by showcasing the transition from legacy view-based systems to modern declarative frameworks. It provides a practical example of how to organize code into distinct layers, manage complex state, and implement dependency injection to ensur

    Identifies and reduces application binary size to optimize distribution.

    Kotlin
    在 GitHub 上查看↗17,774
  • picocss/picopicocss 的头像

    picocss/pico

    16,342在 GitHub 上查看↗

    Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz

    Allows selective inclusion of CSS modules to minimize final bundle size.

    CSScsscss-frameworkdark-mode
    在 GitHub 上查看↗16,342
  • browserify/browserifybrowserify 的头像

    browserify/browserify

    14,706在 GitHub 上查看↗

    Browserify is a build utility that enables the use of CommonJS module patterns within client-side JavaScript applications. It functions as a dependency manager and module bundler, tracing recursive import calls to package multiple source files and their dependencies into a single, optimized file for execution in web browser environments. The project distinguishes itself by providing a comprehensive compatibility layer that allows server-side code to run in the browser. It achieves this by injecting environment shims and replacing system-level globals with browser-compatible equivalents. Throu

    Optimizes final bundle size by inspecting module trees and compressing file paths to improve application load times.

    JavaScript
    在 GitHub 上查看↗14,706
  • callstack/react-native-papercallstack 的头像

    callstack/react-native-paper

    14,292在 GitHub 上查看↗

    React Native Paper is a cross-platform UI framework that provides a comprehensive suite of pre-built components based on Material Design specifications. It serves as a library for building consistent mobile interfaces by mapping high-level design elements to native platform primitives, ensuring a unified visual language across different operating systems. The library distinguishes itself through a global context provider that manages theme injection and portal-based overlay rendering for elements like modals and tooltips. Developers can apply custom brand identities by overriding default desi

    Optimizes React Native application size through automated import rewriting.

    TypeScripthacktoberfestmaterial-designreact-native
    在 GitHub 上查看↗14,292
  • tamagui/tamaguitamagui 的头像

    tamagui/tamagui

    13,729在 GitHub 上查看↗

    Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced

    Optimizes bundle size by hydrating styles directly from CSS variables during server-side rendering.

    TypeScriptatomic-csscss-in-jsoptimizing-compiler
    在 GitHub 上查看↗13,729
  • webpack/webpack-bundle-analyzerwebpack 的头像

    webpack/webpack-bundle-analyzer

    12,667在 GitHub 上查看↗

    webpack-bundle-analyzer is a bundle size analysis tool and Webpack build plugin that visualizes the composition of web application assets. It generates an interactive treemap to identify large dependencies and analyze the distribution of modules within the final payload. The tool functions as a bundle visualizer and a static report generator, exporting analysis data as standalone HTML and JSON files. It supports live bundle tracking via WebSockets during development and allows for the analysis of existing static stats files through a command line interface. The project provides capabilities

    Visualizes the Webpack output to find large dependencies and reduce the overall size of JavaScript bundles.

    JavaScriptanalyzebundlechart
    在 GitHub 上查看↗12,667
上一个123下一个
  1. Home
  2. Development Tools & Productivity
  3. Bundle Size Optimization

探索子标签

  • Mini Program Bundle OptimizationSpecialized techniques for reducing the size of WeChat and similar mini program application packages. **Distinct from Bundle Size Optimization:** Specifically applies bundle optimization to the constraints and structures of mini programs.
  • Warning SuppressorsMechanisms for disabling framework-specific development warnings in production builds. **Distinct from Bundle Size Optimization:** Focuses on stripping framework-specific warnings rather than general bundle size optimization.