BestHub
Sign in
Tag

Preload

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 9, 2023 · Frontend Development

Using Resource Hints (Prefetch, Preload, Preconnect, DNS‑Prefetch) to Optimize Frontend Loading Performance

This article explains how to use the four resource‑hint APIs—prefetch, preload, preconnect, and DNS‑prefetch—along with the crossorigin attribute and a custom npm tool (resource‑hint‑generator) to dramatically reduce page load times, improve web‑vitals, and increase cache‑hit rates, providing code examples, tables, and validation steps.

PreconnectPreloadfrontend performance
0 likes · 17 min read
Using Resource Hints (Prefetch, Preload, Preconnect, DNS‑Prefetch) to Optimize Frontend Loading Performance
Sohu Tech Products
Sohu Tech Products
Apr 6, 2023 · Mobile Development

Optimizing iOS List Page Loading with Prefetch, Preload, and Cache Management

The article explains how to improve slow iOS list pages by using prefetch and preload techniques, caching network responses, handling new‑user scenarios, and implementing a hash‑based cache‑validation system to minimize unnecessary reloads and boost rendering performance.

PreloadSwiftcaching
0 likes · 12 min read
Optimizing iOS List Page Loading with Prefetch, Preload, and Cache Management
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 30, 2022 · Frontend Development

Building a Local Markdown Editor with Electron, React, and Typescript

This tutorial explains how to create a desktop Markdown editor using Electron with a React UI, Typescript for development, Parcel for bundling, and includes setup of main and renderer processes, preload scripts, environment configuration, and unit testing.

ElectronMarkdown EditorParcel
0 likes · 10 min read
Building a Local Markdown Editor with Electron, React, and Typescript
Ctrip Technology
Ctrip Technology
Sep 15, 2022 · Frontend Development

Performance Optimization of Complex List Pages in Taro3

This article examines performance bottlenecks in a Taro3-based hotel list page, presents measurement data, and details multiple optimization techniques—including preload API, setData reduction, node count trimming, animation refactoring, data flattening, virtual list enhancements, custom wrapper usage, native components, and React.memo—to significantly improve rendering speed and user experience.

OptimizationPreloadReact.memo
0 likes · 14 min read
Performance Optimization of Complex List Pages in Taro3
Kuaishou Tech
Kuaishou Tech
Dec 31, 2021 · Frontend Development

Design Considerations and Challenges in Micro‑Frontend Architecture

This article examines the practical design choices, sandbox limitations, preloading strategies, release handling, nested applications, cross‑app navigation, keep‑alive usage, shared dependencies, conflict detection, joint development, and progressive evolution of micro‑frontend solutions, offering insights and future directions.

Conflict DetectionPreloadSandbox
0 likes · 20 min read
Design Considerations and Challenges in Micro‑Frontend Architecture
Baidu App Technology
Baidu App Technology
Jun 29, 2021 · Mobile Development

Optimization of T7 Browser Kernel Cache Mechanism in Baidu App

The Baidu App’s T7 browser kernel team optimized its HTTPCache and MemoryCache by enabling main‑document and file‑protocol caching, introducing a fixed‑size LRU cleanup, providing custom preload/query APIs, and leveraging NoState Prefetch, which together cut page‑load latency by over 30 % and markedly improve user experience.

Baidu AppBrowser CacheHTTP cache
0 likes · 15 min read
Optimization of T7 Browser Kernel Cache Mechanism in Baidu App
vivo Internet Technology
vivo Internet Technology
Oct 22, 2020 · Frontend Development

Optimizing Front‑End Resource Loading with preload and prefetch

The article explains how to improve front‑end performance by using the browser hints preload and prefetch—preload for critical resources like fonts, prefetch for resources needed later—showing practical examples, webpack automation, best‑practice guidelines, and common pitfalls to avoid.

PreloadWebpackbrowser caching
0 likes · 14 min read
Optimizing Front‑End Resource Loading with preload and prefetch
360 Tech Engineering
360 Tech Engineering
Sep 26, 2018 · Frontend Development

Understanding Preload: A Performance Optimization Technique for Web Resources

This article explains the Preload keyword, how it enables early loading and decoupled execution of web resources, compares it with speculative parsing, async, defer and HTTP/2 Server Push, and provides practical usage guidelines and browser compatibility information.

Browser CompatibilityPreloadhtml
0 likes · 9 min read
Understanding Preload: A Performance Optimization Technique for Web Resources
Tencent Cloud Developer
Tencent Cloud Developer
Jun 7, 2018 · Mobile Development

Optimizing H5 Loading Speed and Experience in Mobile Apps

The article explains why H5 pages feel slow in enterprise WeChat apps and presents a comprehensive set of techniques—including request reduction, caching, native‑H5 communication (jsapi, URL scheme, string replacement), bundling resources, pre‑loading WebView, incremental offline updates, iOS‑specific fixes, and WKWebView handling—to dramatically accelerate loading and achieve near‑native performance.

H5 optimizationInternationalizationMobile Frontend
0 likes · 10 min read
Optimizing H5 Loading Speed and Experience in Mobile Apps