BestHub
Sign in
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jul 1, 2024 · Frontend Development

Performance Optimization and Engineering Practices for NetEase Cloud Music 2023 Annual Report Front‑End Development

The 2023 NetEase Cloud Music annual‑report front‑end case study details how sub‑second first‑screen loads, SPA routing with TypeScript, GPU‑accelerated animations, optimized media handling, multi‑layer quality monitoring, and a unified development platform together boost performance, reliability, and engineering efficiency, driving higher DAU and share‑rate.

FrontendReactSPA
0 likes · 27 min read
Performance Optimization and Engineering Practices for NetEase Cloud Music 2023 Annual Report Front‑End Development
JD Tech
JD Tech
Feb 5, 2024 · Frontend Development

Systematic Performance Optimization of JD Shopping Mini Program for Billion‑User Scale

This article details how JD's massive‑scale shopping mini program achieved a two‑fold performance boost through systematic front‑end optimizations—including code‑package reduction, independent sub‑packages, async loading, pre‑download, selective code injection, first‑screen rendering tricks, and release‑frequency management—providing practical guidance for developers targeting large‑user bases.

FrontendJDOptimization
0 likes · 13 min read
Systematic Performance Optimization of JD Shopping Mini Program for Billion‑User Scale
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jun 30, 2021 · Frontend Development

Mastering Webpack Code Splitting: From Entry Points to Magic Comments

This article explains how to use Webpack's code splitting techniques—including multiple entry points, the SplitChunksPlugin, dynamic imports, and magic comments—to break large bundles into smaller chunks, reduce duplicate dependencies, and improve loading performance in modern frontend applications.

FrontendJavaScriptOptimization
0 likes · 13 min read
Mastering Webpack Code Splitting: From Entry Points to Magic Comments
Qunar Tech Salon
Qunar Tech Salon
Jan 17, 2017 · Frontend Development

Evolution of Hybrid Routing Architecture: From Hy 1.0 to Hy 2.0 with React, Webpack Code Splitting, and Performance Optimizations

This article traces the development of Qunar's internal hybrid routing solution from the SPA‑based Hy 1.0 to the React‑driven Hy 2.0, detailing the shift to webpack code‑splitting, async loading with react‑router, and the performance and packaging challenges solved along the way.

FrontendHybrid Appcode-splitting
0 likes · 11 min read
Evolution of Hybrid Routing Architecture: From Hy 1.0 to Hy 2.0 with React, Webpack Code Splitting, and Performance Optimizations