0 views collected around this technical thread.
This article explains how to use Service Workers to apply a Stale‑While‑Revalidate caching strategy, detailing the three‑step process, essential APIs, code examples for intercepting and cloning responses, and a complete Express‑based demo to improve first‑visit page performance.
The article shares a developer’s experience migrating two large Webpack projects to Rspack, covering why Rspack was chosen, detailed lessons on TypeScript handling, CSS extraction, service‑worker support, plugin compatibility, CLI differences, performance benchmarks, and future expectations for the Rust‑based bundler.
This article explains how to use Workbox to simplify Service Worker development, covering installation via CLI or CDN, core concepts like caching strategies, route matching, and custom handlers, and provides practical code examples to improve offline support and performance for web applications.
The article explains common front‑end caching methods—including HTTP headers, browser storage, and HTML5 manifests—then provides a comprehensive guide to Service Workers, covering their lifecycle, registration, typical install/activate/fetch handlers, cache‑update strategies, background sync, and integration with Taro via Workbox.
Advanced interception techniques—such as overriding browser APIs, using ServiceWorkers, employing MutationObservers, creating Proxy‑based sandboxes, and configuring server‑side gateways—provide a flexible middle layer for error reporting, request monitoring, micro‑frontend isolation, and remote debugging, while demanding careful adherence to security policies.
This article explains the AVIF image format, its superior compression and quality compared to JPEG and WebP, provides a detailed comparison of image formats, offers conversion tools and command‑line examples, and shows how to integrate AVIF on the client, server, and via JavaScript polyfills for modern web development.
This article explains the fundamentals of Chrome extension development using Manifest V3, covering concepts such as the manifest file, service workers, content scripts, UI pages, and provides step‑by‑step code examples to build a color‑extraction extension.
This article explains what Progressive Web Apps (PWAs) are, outlines their key characteristics such as cross‑device adaptability, fast loading, offline capability, security and installability, and discusses real‑world examples, Chinese market challenges, and the potential of PWA games.
This article examines the landscape of browser‑based development environments, compares popular online IDEs such as CodeSandbox, StackBlitz, CodePen, and VueSFCREPL, outlines their architectural components, highlights their strengths and limitations, and provides concrete code examples of their underlying mechanisms.
This guide details how to implement web push notifications with Firebase, explaining the underlying push principles, step‑by‑step project setup—including service‑worker registration, token management, and message handling for both notification and data payloads—while also addressing common issues such as service‑worker updates, cross‑browser compatibility, and permission management.
This article explains the principles and practical configurations of HTTP forced and negotiated caching, Service Worker lifecycle and caching, HTTP/2 server push, and CDN caching, providing concrete header examples, code snippets, and recommendations for optimal front‑end performance.
This curated list presents a selection of recent technical articles covering web performance optimization, a high‑performance Web graphics engine, new Node.js 18 features, HTTPS security fundamentals, Vue performance tips, Service Worker basics, React libraries, and creative CSS techniques.
This article explains the concepts, creation methods, communication APIs, debugging techniques, and typical use cases of ordinary Web Workers, SharedWorkers, and ServiceWorkers, illustrating how they enable multithreaded computation, cross‑tab data sharing, and offline caching to improve web performance and user experience.
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.
This article examines how to implement offline Web Push notifications in Chrome using Service Workers, covering background, technical concepts such as BrowserId and the Notifications API, step-by-step code for permission handling, key generation, BrowserId retrieval, and server‑side message delivery.
Progressive Web Apps (PWA) are web applications that leverage Service Workers and modern web technologies to deliver native-like functionality, including offline capabilities, push notifications, and home screen installation, enhancing user experience across devices.
This article explains the concept of Progressive Web Apps, compares them with native and traditional web apps, details the implementation of core PWA features such as App Manifest, Service Worker, caching strategies, push notifications, and Workbox best practices, and shares metrics, challenges, and solutions encountered during the Sharee mobile project.
This article explains the fundamentals of HTTP caching, the role of Service Workers, various cache layers (memory, disk, push), cache-control directives, and provides practical code examples to help front‑end developers improve page load speed and reduce server load.
This article introduces Service Workers as the core technology of progressive web apps, explains their advantages, security constraints, lifecycle events, CacheStorage API usage, various caching strategies, version‑controlled caching with webpack, background synchronization, and demonstrates how to pass data using IndexedDB, all illustrated with complete code examples.
The article explains Progressive Web Apps—offline‑capable, installable web apps built with Service Workers and a manifest.json—detailing their core qualities, installation requirements, and lifecycle, and showcases iQiyi’s PC PWA implementation that caches assets to speed loading, boosts user retention by 9%, and outlines future enhancements such as offline support and push notifications.