first-screen | BestHub

Rare Earth Juejin Tech Community

Oct 12, 2024 · Frontend Development

First Screen Optimization Techniques for Web Performance

This article explains what first‑screen optimization is and presents ten practical methods—including resource compression, image optimization, asynchronous loading, preloading, CSS/JS optimization, caching strategies, server‑side rendering, CDN acceleration, and delayed loading—complete with detailed Webpack configurations and code examples to improve initial page render speed.

FrontendOptimizationPerformance

0 likes · 20 min read

First Screen Optimization Techniques for Web Performance

Taobao Frontend Technology

Apr 14, 2021 · Frontend Development

How to Accurately Measure First‑Screen Time with Rendering Density

This article explains the shift from traditional load metrics to user‑centric first‑screen measurements, outlines the challenges of defining a unified standard, and presents a rendering‑density based algorithm—including continuity judgment, non‑critical rendering exclusion, and validation against UC's T2 metric—to reliably calculate perceived first‑screen time.

Frontendfirst-screenperformance metrics

0 likes · 17 min read

How to Accurately Measure First‑Screen Time with Rendering Density

JD Retail Technology

Dec 9, 2020 · Mobile Development

Building and Optimizing a First‑Screen Performance Monitoring System for Android Apps (JD Mall Case Study)

This article describes how JD Mall’s Android team designed a custom first‑screen latency monitoring system, collected lifecycle, network and rendering metrics via AOP and configuration, and applied a series of optimizations—including plugin preloading, network parallelism, layout inflation tricks, and hardware acceleration—to achieve over 30% faster app start‑up and significantly reduced user churn.

AndroidPerformance Monitoringaop

0 likes · 17 min read

Building and Optimizing a First‑Screen Performance Monitoring System for Android Apps (JD Mall Case Study)