Subresource Integrity and Prefetch

explaination

This demo page is to help you understand behavior of Prefetch and SRI resources.

Prefetch is widely supported in browsers and is intended for prefetching resources that will be used in the next navigation/page load. Stylesheet and script have been prefetched on this page. You could navigate to following pages and see how it behaves:

• Page 1 - Stylesheet and script are loaded with SRI enabled.
• Page 2 - Stylesheet is loaded with SRI enabled, but script is not.
• Page 3 - Script is loaded with SRI enabled, but stylesheet is not.
• Page 4 - Stylesheet and script are loaded without SRI enabled.

Unless cache is disabled, Prefetch should ensure that resources can be directly used from cache on next page with or without SRI enabled.