Tagged articles
18 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 27, 2025 · Frontend Development

Handling Page Refresh and Cache Updates in Vue SPA with Vite

This article explains why users may still see outdated pages after a Vue SPA deployment, analyzes the caching issues caused by static asset headers, and provides both back‑end coordinated and pure front‑end solutions—including WebSocket, SSE, ETag polling, custom Vite plugins, and example code—to automatically detect and prompt updates.

CacheETagSSE
0 likes · 6 min read
Handling Page Refresh and Cache Updates in Vue SPA with Vite
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 13, 2023 · Frontend Development

Browser Cache Optimization Strategies for Micro‑Frontend Architecture

This article analyzes the challenges of browser caching in micro‑frontend projects, presents a systematic optimization plan—including resource versioning, server‑side URL proxying, nginx cache‑control configuration, and CDN integration—and demonstrates a 48.5% reduction in page‑load time with detailed implementation steps and performance data.

Browser CacheETagNginx
0 likes · 27 min read
Browser Cache Optimization Strategies for Micro‑Frontend Architecture
Liangxu Linux
Liangxu Linux
May 20, 2023 · Frontend Development

Mastering HTTP Caching: How Browsers Store and Validate Resources

This article explains the fundamentals of HTTP caching, covering the structure of HTTP messages, the two main cache strategies—strong caching and validation caching—the relevant response headers such as Expires, Cache-Control, Last-Modified, and ETag, and provides practical guidelines for effective cache implementation in web development.

Cache-ControlETagHTTP
0 likes · 13 min read
Mastering HTTP Caching: How Browsers Store and Validate Resources
Open Source Linux
Open Source Linux
Jan 30, 2023 · Frontend Development

Mastering HTTP Caching: How Browsers Store and Reuse Web Resources

This article explains the fundamentals of HTTP caching, covering request/response structures, strong and validation cache rules, header directives like Expires and Cache-Control, and practical tips for implementing effective caching strategies in front‑end development.

Cache-ControlETagHTTP
0 likes · 13 min read
Mastering HTTP Caching: How Browsers Store and Reuse Web Resources
MaGe Linux Operations
MaGe Linux Operations
Jan 24, 2023 · Frontend Development

Mastering HTTP Caching: How Browsers Store and Reuse Web Resources

This article explains the fundamentals of HTTP caching, covering request/response structures, the difference between strong and validation caching, key headers like Expires, Cache‑Control, Last‑Modified, ETag, and practical strategies for optimizing web performance through effective cache control.

Cache-ControlETagfrontend
0 likes · 14 min read
Mastering HTTP Caching: How Browsers Store and Reuse Web Resources
Architecture Digest
Architecture Digest
May 29, 2022 · Frontend Development

Understanding Web Browser Caching: Types, ETag, and Cache‑Control

This article explains the various web caching mechanisms—including database, CDN, proxy, browser, and application‑level caches—why browser caching matters for performance, how ETag and Cache‑Control headers work, and practical checklist items for effectively managing cache in modern web applications.

Browser CacheCache-ControlETag
0 likes · 12 min read
Understanding Web Browser Caching: Types, ETag, and Cache‑Control
ByteFE
ByteFE
Mar 29, 2021 · Backend Development

Understanding HTTP Caching: Types, Headers, and ETag Mechanisms

This article explains why caching is essential for web performance, describes the two main HTTP cache types (strong and negotiated), compares Expires and Cache‑Control headers, and details ETag generation, validation, and best‑practice considerations in server implementations such as Nginx.

BackendCache-ControlETag
0 likes · 10 min read
Understanding HTTP Caching: Types, Headers, and ETag Mechanisms
Architect
Architect
Mar 13, 2021 · Fundamentals

Understanding HTTP Caching: Headers, Strategies, and Practical Implementation

This article provides a comprehensive overview of HTTP caching mechanisms, detailing cache‑related header fields, browser behaviors, legacy and modern directives, validation techniques, and practical tips for configuring efficient cache strategies in web applications.

BrowserCache-ControlETag
0 likes · 18 min read
Understanding HTTP Caching: Headers, Strategies, and Practical Implementation
Tencent Cloud Developer
Tencent Cloud Developer
Apr 26, 2019 · Frontend Development

Mastering Browser Caching: Strong vs. Conditional Cache Explained

This article provides a comprehensive guide to browser caching, detailing the mechanisms of strong cache (Expires and Cache‑Control) and conditional cache (Last‑Modified, If‑Modified‑Since, and ETag), their directives, step‑by‑step workflows, status codes, and a side‑by‑side comparison to help developers optimize web performance.

Browser CacheCache-ControlETag
0 likes · 11 min read
Mastering Browser Caching: Strong vs. Conditional Cache Explained
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Nov 9, 2016 · Frontend Development

Master Browser Cache: Using Expires, max-age, ETag to Speed Up Web Pages

This article explains the fundamentals of browser caching, detailing how Expires and Cache‑Control headers such as max‑age, Last‑Modified, and ETag work together to reduce latency, bandwidth usage, and improve user experience, and provides step‑by‑step examples of common caching strategies in practice.

Browser CacheCache-ControlETag
0 likes · 11 min read
Master Browser Cache: Using Expires, max-age, ETag to Speed Up Web Pages
Aotu Lab
Aotu Lab
Oct 10, 2016 · Frontend Development

Master HTTP Caching: Practical Rules for Static and Dynamic Resources

This guide explains why HTTP caching can be tricky, then provides concise, actionable rules for static assets and dynamic content, covering Cache‑Control, Expires, ETag, Last‑Modified, Vary headers, and how browsers handle refreshes to improve web performance.

Cache-ControlETagHTTP
0 likes · 9 min read
Master HTTP Caching: Practical Rules for Static and Dynamic Resources
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 27, 2016 · Frontend Development

Mastering HTTP Caching: From Expires to ETag and Browser Refresh Strategies

This article explains the essential HTTP caching headers—Expires, Cache‑Control, Pragma, Last‑Modified, and ETag—their priorities, how browsers validate cached resources, and the impact of different refresh actions (URI entry, F5, Ctrl+F5) on cache behavior, offering practical guidance for optimal web performance.

Cache-ControlETagWeb Performance
0 likes · 20 min read
Mastering HTTP Caching: From Expires to ETag and Browser Refresh Strategies
21CTO
21CTO
May 1, 2016 · Backend Development

Mastering HTTP Caching: How Browsers Use Headers to Optimize Web Performance

This article explains the fundamentals of HTTP caching, detailing the relevant request and response header fields, their interactions, practical simulation using Fiddler, browser-specific behaviors, and best‑practice strategies for configuring Expires, Cache‑Control, ETag, and Last‑Modified to improve web performance.

Browser CacheCache-ControlETag
0 likes · 21 min read
Mastering HTTP Caching: How Browsers Use Headers to Optimize Web Performance
21CTO
21CTO
Mar 31, 2016 · Backend Development

Master HTTP Caching: Using ETag, If-None-Match, and Cache-Control

Learn how HTTP caching works by leveraging the ETag response header, the If-None-Match request header, and Cache-Control directives to reduce bandwidth, improve performance, and control resource freshness across browsers and proxies, with practical examples and guidance on choosing appropriate caching strategies.

Cache-ControlETagHTTP
0 likes · 7 min read
Master HTTP Caching: Using ETag, If-None-Match, and Cache-Control
21CTO
21CTO
Jan 6, 2016 · Fundamentals

Master HTTP Caching: Using Last-Modified, ETag, Expires, and Cache-Control

This article explains how to effectively reduce server load and bandwidth by leveraging HTTP caching mechanisms such as Last-Modified, ETag, Expires, and Cache-Control headers, including practical servlet code examples and browser behavior details.

Cache-ControlETagHTTP
0 likes · 5 min read
Master HTTP Caching: Using Last-Modified, ETag, Expires, and Cache-Control