BestHub
Sign in
Tagged articles
19 articles
Page 1 of 1
DeWu Technology
DeWu Technology
Jan 22, 2025 · Operations

How We Cut Video Detection Memory Usage by 78% with WebAssembly and WorkerFS

This article details the challenges of video corruption detection on a creator platform, analyzes existing server‑side and client‑side approaches, and presents a WebAssembly‑based solution using ffmpeg, WorkerFS, and memory‑growth tuning that reduces memory consumption by up to 78% while speeding up large‑file processing.

Memory OptimizationVideo processingWeb Worker
0 likes · 13 min read
How We Cut Video Detection Memory Usage by 78% with WebAssembly and WorkerFS
JD Tech
JD Tech
Mar 13, 2024 · Frontend Development

Best Practices for Large File Upload with Chunking, Hashing, and Concurrent Requests

This article explains how to efficiently upload large files (e.g., 1.5 GB) from the browser by calculating a file hash with spark‑md5, checking server status for instant or resumable uploads, slicing the file into chunks, uploading them concurrently, and finally merging the chunks, while also offering optimization tips such as using Web Workers and adjusting chunk size.

HashingLarge File UploadWeb Worker
0 likes · 10 min read
Best Practices for Large File Upload with Chunking, Hashing, and Concurrent Requests
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Feb 7, 2024 · Frontend Development

How to Boost H5 Game Performance with Offline Packages and Smart Asset Management

This article details a comprehensive approach to improving the performance and user experience of complex H5 game-like applications by using offline package splitting, native splash screens, global state management with zustand, data prefetching, image loading optimizations, transition animations, and ranking list enhancements.

H5OfflineReact
0 likes · 18 min read
How to Boost H5 Game Performance with Offline Packages and Smart Asset Management
JD Retail Technology
JD Retail Technology
Nov 30, 2023 · Frontend Development

Front‑End Performance Optimization: Understanding Browser Rendering, Web Vitals, and Practical Solutions

This article examines front‑end performance issues such as page freeze caused by heavy JavaScript computation, explains browser rendering threads, processes, and key Web Vitals (LCP, FID, CLS), and provides practical optimization techniques including code splitting, Web Workers, CDN usage, and build‑time configurations.

Web Workeroptimizationweb-vitals
0 likes · 26 min read
Front‑End Performance Optimization: Understanding Browser Rendering, Web Vitals, and Practical Solutions
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 8, 2023 · Frontend Development

Using Web Workers to Compile SCSS in a Frontend Application

This article explains how to off‑load SCSS‑to‑CSS compilation to a Web Worker in a React‑based frontend, providing code examples for the worker script, the main thread integration, and demonstrating the performance benefits of keeping the UI responsive during heavy processing.

Code CompilationJavaScriptSCSS
0 likes · 7 min read
Using Web Workers to Compile SCSS in a Frontend Application
HelloTech
HelloTech
Sep 27, 2023 · Frontend Development

Understanding JavaScript Web Workers and Shared Workers: Concepts, Usage, and Debugging

JavaScript’s single‑threaded model can freeze the UI during heavy calculations, but Web Workers—dedicated or shared—run code in independent threads, communicate via postMessage, offer configurable options, follow a clear initialization‑active‑termination lifecycle, and can be debugged through Chrome’s inspection tools, enabling responsive, asynchronous processing.

BrowserJavaScriptShared Worker
0 likes · 17 min read
Understanding JavaScript Web Workers and Shared Workers: Concepts, Usage, and Debugging
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Sep 8, 2023 · Frontend Development

Building a Plug‑in‑Based Resource Manager for Web Games and Live Events

This article presents a plug‑in‑based, WebWorker‑enabled resource manager for web games and live‑stream activities, detailing its background, research of existing solutions, overall design, core modules, external APIs, and practical usage examples such as preloading, modular bundles, and image conversion.

Game DevelopmentResource ManagementWeb Worker
0 likes · 12 min read
Building a Plug‑in‑Based Resource Manager for Web Games and Live Events
Baidu Geek Talk
Baidu Geek Talk
Apr 6, 2023 · Frontend Development

How to Build a Fast Custom WebAssembly Frame Extraction with FFmpeg

This article explains a WebAssembly‑based video frame extraction technique that replaces the traditional canvas approach by compiling FFmpeg to Wasm, running it in a Web Worker, and using a key‑frame‑first strategy to deliver high‑quality cover images with lower latency and a dramatically smaller bundle size.

Custom CompilationVideo Frame ExtractionWeb Worker
0 likes · 20 min read
How to Build a Fast Custom WebAssembly Frame Extraction with FFmpeg
DeWu Technology
DeWu Technology
Aug 1, 2022 · Frontend Development

Optimizing Rich Media Transmission in Customer Service IM with Web Workers and Object URLs

By replacing memory‑heavy base64 data URLs with temporary object URLs and moving intensive file‑reading tasks into a Web Worker, the customer‑service instant‑messaging platform can instantly preview rich media, avoid UI blockage, cut upload latency, and dramatically improve agent efficiency and user experience.

Rich MediaWeb Workerfile upload
0 likes · 12 min read
Optimizing Rich Media Transmission in Customer Service IM with Web Workers and Object URLs
IT Services Circle
IT Services Circle
Apr 23, 2022 · Frontend Development

Progressive Web Apps (PWA) Overview, Implementation, and JavaScript Workers

This article provides a comprehensive overview of Progressive Web Apps (PWA), covering their concepts, benefits, real-world case studies, implementation steps with Service Workers, App Shell, manifest files, and related JavaScript workers such as Web Workers, Service Workers, and Worklets, while also discussing their development challenges and future prospects.

JavaScriptPWAProgressive Web App
0 likes · 22 min read
Progressive Web Apps (PWA) Overview, Implementation, and JavaScript Workers
ByteFE
ByteFE
Feb 1, 2021 · Frontend Development

Migrating to Webpack 5: Team Practices, Pitfalls, and New Features

This article details the motivations behind Webpack 5, outlines a step‑by‑step migration workflow—including preparation, dependency upgrades, common pitfalls, and new build‑time and runtime capabilities such as Asset Modules, filesystem caching, WebAssembly, Web Workers, improved long‑term caching and top‑level await—while providing performance comparisons and practical code snippets.

Frontend BuildWeb WorkerWebAssembly
0 likes · 22 min read
Migrating to Webpack 5: Team Practices, Pitfalls, and New Features
WecTeam
WecTeam
Apr 27, 2020 · Frontend Development

Master Front‑End Build Optimization: Priorities, Modules, and Performance Hacks

This article presents a comprehensive front‑end performance checklist covering resource inventory, priority grouping, native JavaScript modules, tree‑shaking, code‑splitting, Web Workers, WebAssembly, pre‑compilation, differential serving, unused code removal, bundle trimming and predictive loading techniques, with practical tool recommendations.

Build OptimizationWeb WorkerWebAssembly
0 likes · 30 min read
Master Front‑End Build Optimization: Priorities, Modules, and Performance Hacks
360 Tech Engineering
360 Tech Engineering
Jun 17, 2019 · Frontend Development

Making Your Web Pages Smooth: Performance Optimization Techniques

This article explains how to make web pages feel smooth by defining user‑perceived fluidity, discussing passive and active interactions, FPS targets, the RAIL model, pixel pipeline optimization, avoiding long tasks with Web Workers and time‑slicing, selector efficiency, layout thrashing, layer management, and using requestAnimationFrame.

RAIL modelTime SlicingWeb Performance
0 likes · 21 min read
Making Your Web Pages Smooth: Performance Optimization Techniques
Baidu Maps Tech Team
Baidu Maps Tech Team
Apr 20, 2017 · Frontend Development

Boost Map Rendering Performance with Web Workers: A Practical Guide

This article explains how Web Workers can off‑load heavy data processing in WebGL‑based map engines, covering worker creation, data serialization, transferable objects, optimal worker count, and real‑world performance gains, all illustrated with code snippets and diagrams.

JavaScriptPerformance OptimizationWeb Worker
0 likes · 9 min read
Boost Map Rendering Performance with Web Workers: A Practical Guide