Fix "preloaded but not used" console warning: preload only what's needed within seconds of page load

Programming
, , ,
1

I’m developing a Gatsby theme/starter for PWA’s and experiencing the following console warning:

The resource https://davidde.github.io/gatsby-starter-simpwa/page-data/offline-plugin-app-shell-fallback/page-data.json
was preloaded using link preload but not used within a few seconds from the window's load event.
Please make sure it has an appropriate `as` value and it is preloaded intentionally.

The deployed version is available at https://davidde.github.io/gatsby-starter-simpwa/. The warning appears after reloading the page. The as value is set to ‘fetch’, so I’m assuming it is related to the configuration of gatsby-plugin-offline or gatsby-plugin-manifest.

Can anyone suggest a possible cause of this warning?

2

The warning message indicates that the resource https://davidde.github.io/gatsby-starter-simpwa/page-data/offline-plugin-app-shell-fallback/page-data.json was preloaded but not used within a few seconds from the window’s load event. To fix this warning, you need to specify an appropriate as value for the preloaded resource. In this case, try setting as to script instead of fetch in the configuration of gatsby-plugin-offline or gatsby-plugin-manifest.