This app is a simple node+express server and single page app to demonstrate browser caching of partial content responses.
This will install and start the app at port 8085 on localhost.
npm install
npm run start
- Install and launch the node server in the attached zip.
- Open browser and navigate to http:https://localhost:8085 served by the node app.
- Clear the site cache
- Open the Developer Tools and switch to the Network tab.
- Confirm that "disable cache" is NOT selected.
- Select the "Bad" image and "Serial" as the download type.
- Click "Load Image". This should append an image to the document.
- In the Network panel, observe that 4 chunks are requested and none of them are cached (as expected).
- Click "Load Image" again. This should append another copy of this image to the document.
- In the Network panel, observe that 4 chunks are requested and again none of them are cached (not expected).
- Now select the "Good" image and "Serial" as the download type.
- Click "Load Image". This should append a different image to the document.
- In the Network panel, observe that 4 chunks are requested and none of them are cached (as expected).
- Click "Load Image" again. This should append another copy of the new image to the document.
- In the Network panel, observe that 4 chunks are requested but this time all of the chunks are served from the cache (as expected).
The primary difference between these two images is the size. The bad image is 34.6MB and the good image is 33.3MB.
- Install and launch the node server in the attached zip.
- Open browser and navigate to http:https://localhost:8085 served by the node app.
- Clear the site cache
- Open the Web Developer Tools and switch to the Network tab.
- Confirm that "disable cache" is NOT selected.
- Select on of the images and "Serial" as the download type.
- Click "Load Image". This should append an image to the document.
- In the Network panel, observe that 4 chunks are requested and none of them are cached (as expected).
- Click "Load Image" again. This should append another copy of this image to the document.
- In the Network panel, observe that 4 chunks are requested and again none of them are cached (not expected).
In this case none of the image chunks are cached.