Tag

Web Worker

0 views collected around this technical thread.

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.

Chunked UploadHashingResume Upload
0 likes · 10 min read
Best Practices for Large File Upload with Chunking, Hashing, and Concurrent Requests
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.

JavaScriptOptimizationWeb Worker
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 CompilationJavaScriptReact
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.

JavaScriptShared WorkerWeb Worker
0 likes · 17 min read
Understanding JavaScript Web Workers and Shared Workers: Concepts, Usage, and Debugging
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.

File UploadWeb Workerfrontend
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.

MigrationWeb WorkerWebAssembly
0 likes · 22 min read
Migrating to Webpack 5: Team Practices, Pitfalls, and New Features
Beike Product & Technology
Beike Product & Technology
Aug 27, 2020 · Frontend Development

Chunked File Upload with Proxy Control and Web Worker in Frontend Development

This article explains how to split large files into chunks, control concurrent uploads with a Proxy‑based queue, and offload the upload process to a Web Worker to improve reliability and keep the main thread responsive, including practical code examples and bundling tips.

Chunked UploadFile UploadJavaScript
0 likes · 12 min read
Chunked File Upload with Proxy Control and Web Worker in Frontend Development
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.

OptimizationRAIL modelTime Slicing
0 likes · 21 min read
Making Your Web Pages Smooth: Performance Optimization Techniques