gatsby-plugin-netlify v2 excludes some link headers

[tbrannam]

Description

Since migrating to Gatsby V2 - it appears that fewer JS files are eligible to be be considered for preloading when generating the _headers file.

Steps to reproduce

Add gatsby-plugin-netlify to gatsby-config, no options are necessary.

Build project and view public/_headers

Compare results of / with the headers in public/index.html

In Gatsby V1 - more JS bundles matched - so fewer v2 JS files are being http2/pushed

Expected result

A higher number of JS bundles should match the Link Header filter.

        <link as="script" rel="preload" href="/1-6b41147d931e1c49c090.js"/>
        <link as="script" rel="preload" href="/component---src-pages-index-js-9b3d4efb1774bd71ce96.js"/>
        <link as="script" rel="preload" href="/app-c4e3b0537e6949a7f629.js"/>
        <link as="script" rel="preload" href="/webpack-runtime-6a1e34ce8603dc702023.js"/>

Actual result

Typically only two javascript files are linked. In Gatsby V2 - I would also suggest that /static/*.json files should also be eligible ( <link rel="preload" href="/static/d/688/path---index-6a9-DFSIFoYuSMh60BvyPO97Ulcr4c.json" as="fetch"/> )

example:

/
  Link: </webpack-runtime-c05d24c23b76e621b476.js>; rel=preload; as=script
  Link: </1-6b41147d931e1c49c090.js>; rel=preload; as=script

Environment

  System:
    OS: macOS High Sierra 10.13.6
    CPU: x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 10.9.0 - ~/.nvm/versions/node/v10.9.0/bin/node
    Yarn: 1.9.4 - /usr/local/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.9.0/bin/npm
  Browsers:
    Chrome: 70.0.3538.77
    Firefox: 62.0
    Safari: 12.0.1
  npmPackages:
    gatsby: ^2.0.31 => 2.0.32 
    gatsby-cli: ^2.4.2 => 2.4.3 
    gatsby-image: ^2.0.13 => 2.0.16 
    gatsby-plugin-google-tagmanager: ^2.0.5 => 2.0.5 
    gatsby-plugin-layout: ^1.0.4 => 1.0.4 
    gatsby-plugin-lodash: ^3.0.1 => 3.0.1 
    gatsby-plugin-manifest: ^2.0.4 => 2.0.5 
    gatsby-plugin-netlify: 2.0.3 => 2.0.3 
    gatsby-plugin-pointer-events: ^1.0.2 => 1.0.2 
    gatsby-plugin-react-helmet: ^3.0.0 => 3.0.0 
    gatsby-plugin-react-svg: ^2.0.0 => 2.0.0 
    gatsby-plugin-sitemap: 1.2.14-12 => 1.2.14-12 
    gatsby-plugin-styled-components: ^3.0.0 => 3.0.0 
    gatsby-source-contentful: ^2.0.2 => 2.0.5 
    gatsby-source-filesystem: ^2.0.1 => 2.0.5 
    gatsby-transformer-remark: ^2.1.6 => 2.1.8 
  npmGlobalPackages:
    gatsby: 2.0.33

[gatsbot]

Old issues will be closed after 30 days of inactivity. This issue has been quiet for 20 days and is being marked as stale. Reply here or add the label "not stale" to keep this issue open!

[gatsbot]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

Thanks again for being part of the Gatsby community!

[mihaiblaga89]

I'm having the same issue.

In my page html I have this:

    <link as="script" rel="preload" href="/0-7936cad5ae04704bde07.js" />
    <link as="script" rel="preload" href="/1-f20b41a24b2827242784.js" />
    <link as="script" rel="preload" href="/3-4cd3248982b0e751f24d.js" />
    <link as="script" rel="preload" href="/2-3e218f81feb4528506b0.js" />
    <link as="script" rel="preload" href="/webpack-runtime-c468a47d7b6d2d976e68.js" />

In _headers file only have this

Link: </webpack-runtime-c468a47d7b6d2d976e68.js>; rel=preload; as=script
Link: </0-7936cad5ae04704bde07.js>; rel=preload; as=script

[jcayzac]

I think this should be reopened. The critical CSS in my HTML:

<link as="style" rel="preload" href="/styles.9b011d582aac2f4be01f.css"/>

…also doesn't make it into _headers.

[Madgeniusblink]

does anyone have a guide on how to do the following: https://www.gatsbyjs.org/docs/caching/ ?
I downloaded the gatsby-plugin-netlify but its not so straight forward to set up.