Prefetch demo

The following script tag is injected into this web page.

Supported webbrowsers will prefetch the URL's listed in the speculationrules object.

The next pages, in the above main menu, should load much faster.

<script type="speculationrules">
{
    "prefetch": [{
        "source": "list",
        "urls": [
            "/prefetch/index.html",
            "/prefetch/movie-detail.html",
            "/prefetch/about.html",
            "/prefetch/catalog.html"
        ]
    }]
}
</script>

Debugging speculation rules

• Open the Chrome Dev. Tools (F12)
• Click on the "Application" -tab
• And search for "Speculative loads" -panel in the sidebar.

Here you'll find a list of all the speculative loaded URL's and their status.