chromium-svg-use-no-cache-test

Illustrative repo demonstrating Chromium caches SVG files referenced externally from <use> tags, even when caching is disabled both client and server-side.

Requirements

• docker

Usage

1. Use the npx script to start the server in a new docker container.

    ./npx -y http-server -c-1
   

2. Notice Cache: -1 seconds in the terminal output (meaning, the http server has disabled caching).

3. Open an incognito tab in Chromium.

4. Press F12 to open the dev console.

5. Click on the Network tab and select 'Disable cache'.

6. Visit http://localhost:8080/.

7. Notice the request for circles-no-cache.svg in the dev console Network tab.

8. Right-click on the reload icon.

9. Select 'Empty Cache and Hard Reload' from the dropdown list.

10. Notice the absence of a request for circles-no-cache.svg in the dev console but the green circle is still visible on the page.

This demonstrates the image is being cached although it shouldn't be.

System details

Chromium Version 125.0.6422.76 (Official Build) built on Debian 12.5, running on Debian 12.5 (64-bit)

Screenshots

Initial page load

After page reload

Possibly related issues?

• https://issues.chromium.org/issues/41236370
• https://issues.chromium.org/issues/40140856