Tagged articles
7 articles
Page 1 of 1
iQIYI Technical Product Team
iQIYI Technical Product Team
Nov 24, 2023 · Frontend Development

Performance and Experience Optimization of H5 Special Topic Pages in Mobile App WebView

By implementing offline caching of libraries, template pre‑rendering, native player embedding, split‑screen loading, API slimming, WebP image delivery, and UI tweaks such as title‑bar customization, hide‑nav flags, pull‑to‑refresh, early background color and placeholder optimization, the H5 special‑topic pages in the mobile app WebView achieve up to 60 % faster first‑screen loads, dramatically lower network usage, and a smoother, more immersive user experience.

H5MobilePerformance Optimization
0 likes · 10 min read
Performance and Experience Optimization of H5 Special Topic Pages in Mobile App WebView
Sohu Tech Products
Sohu Tech Products
Sep 6, 2023 · Frontend Development

Understanding Pre‑rendering and Speculation Rules in Modern Web Development

The article explains modern pre‑rendering techniques—historical prefetched and prerendered links, Chrome’s new predictive full‑page rendering, and the Speculation Rules API that lets developers declaratively or dynamically specify prefetch and prerender JSON rules, while noting same‑origin limits, debugging tools, and performance benefits for Core Web Vitals.

ChromeHTMLJavaScript
0 likes · 11 min read
Understanding Pre‑rendering and Speculation Rules in Modern Web Development
dbaplus Community
dbaplus Community
Sep 6, 2021 · Frontend Development

Building a Scalable Frontend Performance Monitoring System at 哈啰

This article details 哈啰's front‑end performance monitoring architecture, covering the background of rapid growth, a three‑step optimization workflow, data collection, cleaning, aggregation, visualization, and practical techniques like pre‑rendering and offline packages to dramatically improve page load metrics.

data pipelinefrontendmetrics
0 likes · 30 min read
Building a Scalable Frontend Performance Monitoring System at 哈啰
Baidu Intelligent Testing
Baidu Intelligent Testing
Aug 12, 2021 · Frontend Development

Optimizing Mobile Landing Page Load Performance: Measurement, Key Path Decomposition, and Core Techniques

This article analyzes how landing‑page load speed impacts user experience and conversion, presents data‑driven measurements and key‑path breakdowns, and details practical frontend optimization methods—including container initialization, parallel billing, resource pre‑loading, and server‑ and client‑side pre‑rendering—to significantly improve performance across commercial ad flows.

Performance OptimizationWeb Performancefrontend
0 likes · 10 min read
Optimizing Mobile Landing Page Load Performance: Measurement, Key Path Decomposition, and Core Techniques
Baidu Geek Talk
Baidu Geek Talk
May 19, 2021 · Frontend Development

Commercial Landing Page Performance Optimization: End-to-End Loading Speed Improvement at Baidu

Baidu’s end‑to‑end optimization of commercial landing pages—splitting container initialization, parallelizing billing, preloading critical resources, and employing server‑ and client‑side pre‑rendering—cuts load times below the 1‑second threshold that Baidu’s data shows is essential to prevent a 5% conversion drop, though implementation demands significant development effort.

Frontend OptimizationWeb Performanceconversion optimization
0 likes · 9 min read
Commercial Landing Page Performance Optimization: End-to-End Loading Speed Improvement at Baidu
Taobao Frontend Technology
Taobao Frontend Technology
Nov 17, 2020 · Frontend Development

How We Cut Event Page Load Time by Up to 700 ms for Millions of Shoppers

This article details how a cross‑team performance‑optimization effort for Tmall/Taobao event pages redefined metrics, introduced full‑link visual timing, and applied pre‑rendering, data pre‑fetch, resource acceleration, and offline caching to shave 200‑700 ms off load times and boost instant‑open rates by 10‑14 % across Android and iOS devices.

Mobilee‑commerceperformance
0 likes · 18 min read
How We Cut Event Page Load Time by Up to 700 ms for Millions of Shoppers
Meituan Technology Team
Meituan Technology Team
Nov 15, 2018 · Frontend Development

Build-time Pre-rendering for Front-end Performance Optimization

The article explains how Meituan’s build‑time pre‑rendering, using a TypeScript decorator and PhantomJS to generate static HTML for selected routes, eliminates the first‑frame white screen, employs request hijacking for CDN assets, and achieves a 75% reduction in first‑contentful‑paint time, dramatically boosting mobile user experience.

CSRSSRTypeScript
0 likes · 10 min read
Build-time Pre-rendering for Front-end Performance Optimization