Performance Governance and Optimization of Kuaishou Commercial Frontend Pages

In the rapidly growing business environment, user experience is crucial, and page performance directly impacts conversion rates and user retention. Kuaishou's commercial front‑end team launched a "Commercial Frontend Architecture Performance Governance" project, targeting 12 core projects and over 30 high‑traffic pages for optimization.

Analysis revealed that only 18.42% of pages met the "excellent" performance baseline, with static resource loading delays dominating C‑end issues (47.36% of pages exceeding 1500 ms) and API latency affecting B‑end pages (31.57% exceeding 2500 ms). Core problems were identified as prolonged static resource loading, complex rendering structures, and slow interface responses.

The team faced three major challenges: (1) difficulty in uniformly advancing governance across diverse projects, (2) lack of a B‑end core‑link experience measurement model, and (3) insufficient integration of C‑end web and native technologies.

To address these, a three‑stage governance framework was established: pre‑assessment (data confidence), in‑process governance, and post‑deployment anti‑degradation. This includes a performance evaluation model with clear health metrics, a B‑end experience model based on operation‑lag rate and task‑completion rate, and a strategy for tighter C‑end web‑native coupling.

Key technical implementations comprised:

Static resource optimization: adopting WebP, HEIF, AVIF formats; image processing library with format conversion, cropping, and adaptive quality.

Script bundling improvements using Kmi's three code‑splitting strategies (bigVendors, depPerChunk, granularChunks) to reduce bundle size and improve caching.

Network enhancements: upgrading to HTTP/2, domain consolidation, pre‑connect, and data pre‑fetching to accelerate API calls.

Integration of client‑side capabilities for C‑end pages, leveraging offline packages, pre‑loading, and dynamic page rendering to achieve 35%+ performance gains.

These measures resulted in a 61.63% increase in the rate of pages meeting the "excellent" performance standard and a 41.95% rise in the "good" standard. Overall FMP (First Meaningful Paint) P90 values improved by 43.23%, with B‑end core page performance up 45.74% and C‑end core page performance up 42.12%.

Future work will continue to refine the performance governance system, expand the B‑end experience model, and deepen web‑native integration to maintain industry‑leading performance for Kuaishou's commercial products.