Taobao Store Framework: Architecture Evolution, Challenges, and Performance Optimizations

We introduce the fifth article of the "Long‑termism Starts from Small Things" engineering series, which collects experiences from multiple engineers across seven technical domains such as front‑end, back‑end, data algorithms, and quality.

Background : Since 2012, Taobao’s mobile store has evolved from a simple page to a complex, customizable platform. Over the years, the store framework transitioned from a basic Weex‑based front‑end to a mini‑program based architecture, supporting richer interactions, animations, and third‑party extensions.

Problems & Challenges : Users expect fast start‑up and smooth interaction. The original request chain involved multiple serial calls (routing, framework data, container data), leading to latency (~300 ms) and performance bottlenecks, especially on low‑end devices. The new business goal of “layered stores” (flagship, ordinary, content) adds further architectural complexity.

Design Principles : Simplify request chains, keep the ISV module unaffected, and maintain a unified front‑end stack for inner pages.

Routing Request Upgrade : Consolidate several serial requests into a single unified entry request and parallelize home‑page decoration requests, reducing end‑to‑end latency.

Native Container & Hybrid Rendering : Introduce a native container that handles entry requests, layout, lifecycle, performance collection, and monitoring. It renders pages built with different stacks (Weex, H5, Native) while keeping memory usage and interaction smooth.

Home Page Co‑location & Module Openness : Use pure WebView for official modules (simpler startup) and migrate third‑party ISV modules to a widget‑level container, preserving control and performance.

Degradation Monitoring : Refine performance metrics per entry path (routing, container start, page render) and visualize them in dashboards with alerts. Separate user‑experience feedback for better issue detection.

Results : Entry speed improved >50 % on low‑end devices, overall performance up ~20 %, home‑page WebView rendering under 1 s, and interaction latency halved. User‑experience complaints dropped 50 %.

Reflections : The project reinforced the importance of simplicity, deep business understanding, cross‑team collaboration, and continuous performance monitoring.

Team Introduction : The Taobao Technical Platform team focuses on cross‑platform solutions for the mobile app, recruiting Android/iOS/C++ engineers.