Performance Optimization of JD Star Store Mini‑Program: Practices, Results, and Future Outlook

The JD Star Store mini‑program, serving over 267 stores in 79 cities, faced rapid growth challenges that required a user‑centric performance overhaul. Leveraging a Taro‑based cross‑platform solution, the team aimed to improve reliability, rendering speed, and bundle size.

Background and Current Situation – Continuous expansion increased user traffic, prompting the establishment of daily communication channels with store staff and internal experience walkthroughs to capture real‑world issues such as high JS error rates and slow page renders.

Key Actions – The team introduced a structured walkthrough mechanism with clear evaluation criteria, regular timing, and cross‑functional participants. They also instituted a daily optimization iteration process, collecting improvement ideas from user feedback, internal testing, and large‑scale promotional events.

Results – After optimization, the average weekly JS error count dropped from 1,374 to 260 (≈81% reduction). Page‑render speeds improved: product detail pages +28%, cart pages +20%, checkout pages +25.4%. Bundle size decreased from 5.92 MB to 5.32 MB (≈10% reduction) and the main package shrank by 17.65%.

Practical Analyses – Detailed walkthrough steps covered principle definition, severity grading, issue recording, and verification. Optimization techniques included:

JS error analysis and prioritization of TypeError, ReferenceError, AsyncError.

Package slimming using webpackChain, removal of dead code, on‑demand third‑party library loading, and CDN static‑resource delivery.

Page‑render enhancements such as replacing ScrollView with native scrolling, applying React.memo and CustomWrapper, preloading images with Taro.preload, and adjusting data‑fetch timing from useDidShow to useEffect.

Data‑handling improvements for cart and checkout pages, including data slicing, asynchronous rendering, and reduced setData frequency.

Future Outlook – Plans include upgrading the framework by March 2024 to boost compile speed, further bundle‑size reductions, maintaining low JS error rates, and continuously refining the user‑experience through ongoing walkthroughs and iteration mechanisms.