bundle optimization

Code Mala Tang

Mar 18, 2025 · Frontend Development

Why Importing Whole Libraries Bloats Your Bundle and How Wrapper Patterns Can Help

This article explains how importing entire libraries like lodash and Framer Motion can dramatically increase bundle size, demonstrates precise import techniques, introduces a wrapper pattern for better maintainability, and offers practical tips for choosing tree‑shakable libraries and tracking import sizes.

JavaScriptbundle optimizationfrontend

0 likes · 6 min read

Why Importing Whole Libraries Bloats Your Bundle and How Wrapper Patterns Can Help

DeWu Technology

Jun 5, 2024 · Mobile Development

iOS Bundle Size Optimization: Mach‑O Analysis and CocoaPods Integration

The article demonstrates how detailed Mach‑O and LinkMap analysis combined with custom CocoaPods hooks, Swift‑syntax refactoring, and indexed symbol mapping can systematically shrink an iOS app’s bundle—from 289.3 MB to 259.3 MB—while cutting CI build time and simplifying debugging.

CocoaPodsMach-Obundle optimization

0 likes · 19 min read

iOS Bundle Size Optimization: Mach‑O Analysis and CocoaPods Integration

ByteFE

Apr 23, 2024 · Game Development

Technical Overview of SAR Creator for Interactive Scene Development

This article provides a comprehensive guide to SAR Creator, a TypeScript‑based interactive solution used for building 2D/3D game scenes, covering workflow, asset creation, canvas adaptation, bundle splitting, texture compression, script lifecycle, dynamic loading, and configuration for ByteDance's Spring Festival activities.

Game developmentPrefabSAR Creator

0 likes · 22 min read

Technical Overview of SAR Creator for Interactive Scene Development

Didi Tech

Jan 11, 2024 · Frontend Development

Mpx 2.9 Release: Atomic CSS Support, SSR Integration, and Bundle Size Optimizations

Mpx 2.9 adds built‑in atomic‑class (utility‑first) CSS, server‑side rendering for web output, and a suite of bundle‑size optimizations—including deterministic IDs, template compression, empty‑module removal, and render‑function pruning—while splitting atomic CSS into sub‑packages for mini‑programs and outlining a roadmap for further compile‑time reductions, Vite support, and cross‑platform extensions.

Atomic CSSMpxSSR

0 likes · 24 min read

Mpx 2.9 Release: Atomic CSS Support, SSR Integration, and Bundle Size Optimizations

Baidu Geek Talk

Jul 31, 2023 · Mobile Development

Optimizing iOS App Bundle Size with HEIC Images and Unused Class Detection

The guide shows how to shrink a Baidu iOS app by converting PNGs to HEIC within Asset Catalogs—leveraging Xcode’s actool for compression, avoiding pngquant‑induced alpha issues, and employing combined static LinkMap/Mach‑O parsing and runtime isa‑flag checks to prune never‑instantiated classes.

Asset CatalogHEICStatic Analysis

0 likes · 25 min read

Optimizing iOS App Bundle Size with HEIC Images and Unused Class Detection

NetEase Cloud Music Tech Team

Jun 30, 2022 · Mobile Development

Implementing Dynamic Imports in React Native: A Deep Dive into Metro Bundler

This article explains how to customize Metro bundler to support dynamic imports in React Native, detailing a split‑and‑combine build process that isolates async modules, deduplicates code, and loads bundles on demand, thereby shrinking app size and avoiding the drawbacks of multi‑business package architectures.

JavaScriptMetro bundlerReact Native

0 likes · 14 min read

Implementing Dynamic Imports in React Native: A Deep Dive into Metro Bundler

Ctrip Technology

Apr 15, 2021 · Mobile Development

Optimizing React Native Bundle Size with the CRN Bundle Analysis Platform

This article explains how to analyze and reduce React Native bundle size using tools like react-native-bundle-visualizer and the custom CRN bundle analysis platform, covering library replacements, import optimizations, code splitting, static asset handling, and reporting a typical 50% size reduction.

BabelESLintReact Native

0 likes · 19 min read

Optimizing React Native Bundle Size with the CRN Bundle Analysis Platform

Qunar Tech Salon

Sep 19, 2019 · Frontend Development

How to Reduce Your Vue.js Bundle Size with Webpack

Jennifer Bland explains how to halve a Vue.js production bundle from 2.48 MB to 1.28 MB by using webpack-bundle-analyzer and applying targeted optimizations such as removing unused libraries, importing only needed lodash functions, aliasing moment, and configuring vuetify-loader to include only required components.

LodashMoment.jsVue.js

0 likes · 9 min read

How to Reduce Your Vue.js Bundle Size with Webpack

Snowball Engineer Team

Apr 27, 2018 · Frontend Development

Improving Front‑End Page Load Speed with Webpack SplitChunksPlugin and Code Splitting

The article explains how Webpack's SplitChunksPlugin enables effective code splitting for shared libraries and components, reducing initial bundle size, improving caching, and speeding up page loads, with practical configuration examples and usage tips from Snowball's front‑end architecture.

SplitChunksPluginWebpackbundle optimization

0 likes · 7 min read

Improving Front‑End Page Load Speed with Webpack SplitChunksPlugin and Code Splitting

Dada Group Technology

Apr 14, 2017 · Frontend Development

Babel Optimization: Solving Bundle Size and Performance Issues

This article explores how to optimize Babel usage to reduce bundle size and improve performance by addressing helper duplication, third-party module handling, and import optimization through transform-runtime, include patterns, and import transformation plugins.

BabelES6JavaScript

0 likes · 9 min read

Babel Optimization: Solving Bundle Size and Performance Issues