Optimizing Mobile Taobao Main Venue Performance and Personalization with a Reusable Framework and Image‑Merging System

To enable faster product selection and marketing interaction during major sales events, Mobile Taobao introduced a dedicated "main venue" page that consolidates core promotional content and marketing elements.

Traditional PC and HTML5 main venues suffered high bounce rates and lower performance on mobile; therefore, a new approach was needed to improve efficiency and adaptability.

Key objectives included accelerating content discovery, reducing bounce rates, increasing conversion, and allowing rapid business‑logic adjustments for any promotion.

The solution comprises several components:

Optimizing performance and user experience to achieve the best possible browsing speed.

Implementing "thousands of faces" personalization to prioritize relevant content and break the linear tree navigation.

Ensuring first‑image consistency to boost conversion.

Providing a flexible, dynamically configurable business framework for traffic allocation and rule‑based adjustments.

Reusable Venue Framework

A native page framework replaces the traditional HTML5 venue. Challenges addressed include version release, change cost, personalized performance guarantees, offline cache & sync strategies, client‑side monitoring, cloud traffic distribution, material diversity, and end‑to‑end stability.

Flexible Framework Container

The venue is encapsulated in a container with dynamic rendering areas powered by Weex, allowing rapid updates without version releases. Cloud‑side configuration controls navigation tabs, visual styles, and behavior, adapting to different promotional phases (e.g., Double 11, Double 12).

Data flow: static assets are deployed to CDN, while personalized content is fetched asynchronously from cloud services. A client‑side pre‑heat technique uses Ali Cloud Data Service (ACDS) SDK to push data ahead of rendering, reducing server load and improving perceived speed.

Multi‑Strategy Adjustments

Time‑based URL interception rules enable real‑time or scheduled module switching, supporting diverse promotional lifecycles and traffic control.

Stability Assurance

Comprehensive monitoring covers both client and server sides, tracking script errors, data fetch failures, crash rates, and CDN performance, with degradation strategies to maintain stability under billion‑scale traffic.

Reusable Framework Material Support – Image Merging (HeTu)

To meet the massive image requirements of personalized venues, the HeTu system was built to automatically generate high‑quality, merged product images at million‑scale, using DSL templates for flexible layout and automated quality filtering (e.g., face detection, background checks).

During the last Double 11, the system produced millions of merged images, enabling personalized content delivery while reducing client rendering load.

Conclusion

The framework successfully supported Double 11, Double 12, and the Alibaba New Year Festival, and future work will focus on fully automated page assembly via configuration, extending the HeTu capability to broader personalization scenarios across Mobile Taobao and Tmall.