This article explains how MPM's PageData serves as the core JSON abstraction that links the visual editor with various rendering engines, detailing its structure, generation process, and parsing workflows for static H5, direct H5, and mini‑program platforms.
Developers must decide where rendering occurs—server-side, client-side, static generation, or rehydration—by understanding key terms, performance metrics like TTFB, FP, FCP, and TTI, and weighing trade‑offs such as speed, resource usage, SEO impact, and complexity across modern frameworks.
This article details JD.com's front‑end architecture for its homepage, covering the challenges of massive DOM growth, static page generation via CDN, layered page loading strategies, disaster‑recovery measures, performance optimizations, and the JDF engineering toolchain that enables modular development, automated builds, and efficient deployment in a high‑traffic e‑commerce environment.
This article details JD.com senior frontend architect Liu Wei's presentation on the challenges of a high‑traffic e‑commerce homepage and explains the static page generation pipeline, overall JS/CSS architecture, floor‑by‑floor loading strategy, disaster‑recovery measures, performance optimizations, and the JDF engineering toolchain that supports modular development and rapid deployment.
