Bundle Splitting

TikTok Frontend Technology Team

May 24, 2024 · Game Development

Technical Overview of SAR Creator for Interactive Scene Development

This article provides a comprehensive technical overview of SAR Creator, a TypeScript‑based high‑performance interactive solution used by ByteDance, covering its workflow, key features such as canvas adaptation, 2D/3D mixing, bundle splitting, image grading, compression, configuration files, scripting lifecycle, prefab handling, dynamic loading, and future development plans.

Bundle SplittingGame developmentSAR Creator

0 likes · 20 min read

Technical Overview of SAR Creator for Interactive Scene Development

Snowball Engineer Team

Oct 20, 2023 · Mobile Development

React Native Bundle Splitting and Incremental Loading Strategy at Snowball

This article describes Snowball's evolution from a single React Native bundle to a multi‑bundle, code‑splitting architecture that reduces bundle size by 70%, shortens load time by 65%, and enables flexible, incremental updates through Metro‑based split‑packages and LRU engine caching.

Bundle SplittingCode SplittingHot Update

0 likes · 23 min read

React Native Bundle Splitting and Incremental Loading Strategy at Snowball

Ximalaya Technology Team

Sep 20, 2023 · Mobile Development

Xima React Native: Current Status, Architecture, Performance Optimization, and Future Directions

Xima’s React Native platform now powers dozens of services and tens of millions of daily page views, achieving sub‑second startup through RAM‑bundle and Hermes upgrades, bundle splitting, container caching, lazy loading, optimized list and image handling, while the upcoming JSI‑based Fabric, Turbo Modules and CodeGen architecture promises further latency reductions and smoother user experiences.

ArchitectureBundle SplittingHermes

0 likes · 18 min read

Xima React Native: Current Status, Architecture, Performance Optimization, and Future Directions

Rare Earth Juejin Tech Community

May 8, 2023 · Frontend Development

Performance Optimization and Code Quality Improvement for a Large Vue3 + Vite PC Web Application

This article details a systematic performance‑boost and maintenance‑cost reduction effort for a 230,000‑line Vue3 + Vite PC web project, covering page‑load analysis, bundle visualization, code‑duplication detection, cyclomatic‑complexity measurement, and concrete optimization steps such as on‑demand imports, manual chunking, gzip and image compression, and ESLint rules, resulting in a 52% faster load time and a 3.43 MB smaller bundle.

Bundle SplittingPerformance OptimizationVue

0 likes · 12 min read

Performance Optimization and Code Quality Improvement for a Large Vue3 + Vite PC Web Application

NetEase Cloud Music Tech Team

Nov 12, 2020 · Mobile Development

React Native Optimization: Bundle Splitting and Container Preheating for Improved Page Load Speed

By implementing bundle splitting to shrink the initial JavaScript payload and pre‑heating the React Native container during idle periods, the team cut the mall page bundle from 1.1 MB to 856 KB and reduced iOS launch time from roughly 450 ms to 200 ms and Android from about 4.5 s to 2.5 s, achieving significant cross‑platform speed gains validated through A/B testing.

AndroidBundle SplittingMobile Development

0 likes · 6 min read

React Native Optimization: Bundle Splitting and Container Preheating for Improved Page Load Speed

58 Tech

Jul 31, 2020 · Mobile Development

Performance Optimization of React Native Pages in 58 App: Analysis and Solutions

This article analyzes the startup latency of React Native pages in the 58 real‑estate app, identifies bottlenecks such as bundle size, hot‑update and Java‑to‑JS bridge delays, and presents a series of optimization techniques—including bundle splitting, silent updates, on‑demand loading, and stepwise rendering—to achieve faster, more stable page launches.

AndroidBundle SplittingHot Update

0 likes · 16 min read

Performance Optimization of React Native Pages in 58 App: Analysis and Solutions

Ctrip Technology

Nov 9, 2016 · Mobile Development

Introducing and Optimizing React Native at Ctrip: Challenges, Solutions, and Future Plans

This article details Ctrip's adoption of React Native, explaining why it was introduced, the framework and tooling built around it, the performance and stability problems encountered, the various bundle‑splitting and engine‑caching solutions applied, and the roadmap for further cross‑platform enhancements.

Bundle SplittingCrash HandlingMobile Development

0 likes · 18 min read

Introducing and Optimizing React Native at Ctrip: Challenges, Solutions, and Future Plans