GoogleChrome/samples

Create a cache-then-network example using window.caches

Open

#106 opened on Apr 12, 2015

View on GitHub
 (1 comment) (0 reactions) (1 assignee)HTML (5,719 stars) (2,384 forks)batch import
help wanted

Description

Thinking a bit more about use cases for window.caches that don't involve service workers (see https://github.com/GoogleChrome/samples/pull/103), I remembered that the cache-then-network example that @jakearchibald describes could make for a good standalone example.

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontendperformance
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic JavaScriptFamiliarity with Cache API
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Explore the cache then network pattern described by Jake Archibald. Review the linked PR (GoogleChrome/samples#103) for context. Create a new standalone HTML file in the repository that demonstrates caching a request and falling back to network. Ensure the example runs without service workers using window.caches.