BestHub
Sign in
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 3, 2024 · Frontend Development

Performance Optimization of a Complex Real‑Time Table in a Financial Front‑End Application

This article details how a newly‑graduated front‑end developer tackled severe UI lag and ten‑second first‑screen loads caused by three synchronized tables with 400+ rows of real‑time data, using Vue 3 techniques such as consolidated scroll handling, viewport‑based lazy updates, throttling, and WebSocket‑driven data subscription.

Frontendlazy-loadingscroll
0 likes · 16 min read
Performance Optimization of a Complex Real‑Time Table in a Financial Front‑End Application
Rare Earth Juejin Tech Community
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.

OptimizationWebpackfirst screen
0 likes · 20 min read
First Screen Optimization Techniques for Web Performance
JD Tech
JD Tech
Jan 31, 2024 · Frontend Development

Performance Optimization Practices for JD's Tongtian Tower Frontend Project

This article shares the 2023 performance‑optimization experience of JD's Tongtian Tower front‑end project, explaining how reducing page load time, improving interaction response, and applying systematic analysis tools and best‑practice techniques can boost first‑screen speed by nearly 60 % while maintaining stable, iterative development.

FrontendOptimizationWebpack
0 likes · 20 min read
Performance Optimization Practices for JD's Tongtian Tower Frontend Project
ELab Team
ELab Team
Jun 3, 2021 · Frontend Development

How We Cut Course Editor Lag by 90%: Frontend Performance Hacks with Vue & React

This article details a front‑end team's systematic performance optimization of a large‑scale education editor, covering root‑cause analysis of list lag, memory leaks, iframe blocking, and animation stalls, and presenting practical solutions such as IntersectionObserver lazy loading, dynamic rendering, virtual lists, and progressive animation rendering to dramatically improve user experience.

OptimizationVuelazy-loading
0 likes · 32 min read
How We Cut Course Editor Lag by 90%: Frontend Performance Hacks with Vue & React
21CTO
21CTO
Apr 14, 2016 · Frontend Development

How Taobao Optimizes Its Homepage Performance: Key Frontend Strategies

This article examines the performance challenges of Taobao's personalized homepage and presents a series of frontend optimization techniques—including module prioritization, lazy loading, image compression, caching, and smooth rendering—to achieve faster first‑screen loads and smoother scrolling experiences.

FrontendOptimizationcaching
0 likes · 12 min read
How Taobao Optimizes Its Homepage Performance: Key Frontend Strategies
21CTO
21CTO
Mar 28, 2016 · Frontend Development

How Dangdang Boosted Page Speed: Componentization, Lazy Loading, and Nginx Caching

This article details Dangdang Marketplace's comprehensive performance optimization—including component-based design, proactive data generation, asynchronous loading, lazy rendering, multi‑domain and CDN strategies, GZIP compression, and Nginx fastcgi/proxy caching—showing how these measures reduced first‑screen time to under three seconds and dramatically lowered CPU and load during high‑traffic events.

FrontendNginxPHP
0 likes · 17 min read
How Dangdang Boosted Page Speed: Componentization, Lazy Loading, and Nginx Caching
Java High-Performance Architecture
Java High-Performance Architecture
Jan 1, 2016 · Frontend Development

How Tencent Front‑End Team Boosted HandQ Page Speed 20% with Inline Optimizations

By lazily loading avatars, moving critical JavaScript and CSS inline into the head, and deferring secondary screen logic, Tencent’s front‑end team reduced the HandQ group member distribution page’s first‑screen render time, achieving roughly a 20% performance improvement while keeping total inline size under 14 KB.

FrontendOptimizationinline-css
0 likes · 3 min read
How Tencent Front‑End Team Boosted HandQ Page Speed 20% with Inline Optimizations