Tagged articles
8 articles
Page 1 of 1
JD Tech
JD Tech
Dec 20, 2023 · Frontend Development

Performance Optimization Best Practices for Taro Mini‑Program Development

This article presents a comprehensive guide to improving Taro mini‑program performance, covering initial render acceleration with prerender, update efficiency via baseLevel and CustomWrapper, long‑list handling using VirtualList and VirtualWaterfall, setData reduction techniques, scroll‑penetration prevention, preload strategies, and the upcoming CompileMode feature.

MiniProgramTaroVirtualList
0 likes · 15 min read
Performance Optimization Best Practices for Taro Mini‑Program Development
Baidu Geek Talk
Baidu Geek Talk
Feb 22, 2023 · Frontend Development

How Chromium’s Prerender2.0 Boosts Page Load Speed: Architecture, API, and Implementation Guide

This article explains Chromium's Prerender2.0—its reintroduction in M94, the underlying MPArch multi‑page architecture, the Speculation Rules API usage, activation detection methods, detailed implementation flow in M97, and practical scenarios for safely applying prerender to improve web performance.

ChromiumSpeculation RulesWeb Performance
0 likes · 13 min read
How Chromium’s Prerender2.0 Boosts Page Load Speed: Architecture, API, and Implementation Guide
Baidu App Technology
Baidu App Technology
Feb 20, 2023 · Frontend Development

Chromium Prerender Mechanism: Evolution, Prerender 2.0 Usage, Implementation Flow and Application Scenarios

The article traces Chromium’s prerender evolution from the resource‑heavy Prerender 1.0 to the lightweight, API‑driven Prerender 2.0 built on MPArch, explains its Speculation Rules usage, activation detection, implementation flow, and advises conservative deployment in high‑confidence navigation scenarios to boost perceived load speed.

ChromiumSpeculation Rules APIprerender
0 likes · 14 min read
Chromium Prerender Mechanism: Evolution, Prerender 2.0 Usage, Implementation Flow and Application Scenarios
Baidu Geek Talk
Baidu Geek Talk
Mar 15, 2021 · Frontend Development

Progressive Front-End Rendering: Route Separation, Pre‑Static Generation, and WebView Pre‑Creation for H5 Performance Optimization

The article describes a progressive front‑end rendering strategy that replaces synchronous template rendering with route separation, build‑time pre‑static HTML generation, and WebView pre‑creation, using skeleton components to cut first‑paint time, lower TTFB and JavaScript delays, and improve H5 performance, scalability and maintenance.

H5frontendoptimization
0 likes · 12 min read
Progressive Front-End Rendering: Route Separation, Pre‑Static Generation, and WebView Pre‑Creation for H5 Performance Optimization
Zhuanzhuan Tech
Zhuanzhuan Tech
Sep 3, 2020 · Frontend Development

Offline Prerender (OPR): A Low‑Cost Alternative to SSR for First‑Screen Performance

The article introduces Offline Prerender (OPR), explains why traditional SSR and SPA first‑screen optimizations have limitations, details the OPR workflow—including scheduled Puppeteer rendering, HTML capture, data injection, diffing, CDN upload, and delayed mounting—and shares practical enhancements such as CSS tree‑shaking, async script loading, and downgrade strategies, demonstrating significant speed gains.

OfflineSSRVue
0 likes · 15 min read
Offline Prerender (OPR): A Low‑Cost Alternative to SSR for First‑Screen Performance
Aotu Lab
Aotu Lab
Jul 1, 2020 · Frontend Development

What’s New in Taro 3? Cross‑Framework and Cross‑Platform Features Unveiled

Taro 3 introduces full cross‑framework support for React, Nerv, Vue 2/3 and jQuery‑like APIs, expands to major mini‑program platforms and H5, adds an open plugin system, prerendering, faster builds, CSS‑in‑JS via linaria, virtual list components and a seamless WeChat‑to‑React/Vue conversion tool.

CSS-in-JSPlugin SystemTaro
0 likes · 11 min read
What’s New in Taro 3? Cross‑Framework and Cross‑Platform Features Unveiled
Qunar Tech Salon
Qunar Tech Salon
Jul 19, 2016 · Fundamentals

High‑Performance Networking in Google Chrome: Architecture and Optimizations

The article explains how Google Chrome’s multi‑process architecture, asynchronous network stack, predictive optimizations such as DNS pre‑resolution, TCP pre‑connect, resource pre‑fetch, caching strategies, and mobile adaptations work together to reduce latency and deliver faster, more reliable web experiences.

ChromeDNS Pre‑resolutionMulti‑process Architecture
0 likes · 36 min read
High‑Performance Networking in Google Chrome: Architecture and Optimizations