studio: lighthouse notify that link preload are ignored / CSP issue

[peterpeterparker]

Affected part of DeckDeckGo

• Studio

Reproduction

Lighthouse is notifying that a list of <link preload> are ignored by the browser. I try to debug the issue and noticed that it happens because scripts can't be preloaded due to our CSP policy.

Unfortunately, didn't found how to solve it 😞.

I'll be happy to get any help specially on that one!

Lighthouse warning

A preload was found for "https://deckdeckgo.com/build/p-0302f1fd.js" but was not used by the browser. Check that you are using the crossorigin attribute properly.

Expected Behavior

Browser should preload links, Lighthouse should be happy.

How to reproduce

• git clone https://github.com/deckgo/deckdeckgo
• cd deckdeckgo/studio
• npm i
• cp config.dev.json config.prod.json
• cp config.dev.json config.staging.json
• cp src/assetlinks.dev.json src/assetlinks.prod.json
• npm run build
• npx serve www

Open http://localhost:5000 in chrome and run a lighthouse test.

[peterpeterparker]

See related Lighthouse issue, it will be solve with a next Chrome release.