gatsby-plugin-preload-link-crossorigindeprecated

Gatsby plugin to add the crossorigin attribute to every <link rel="preload"> tag

Usage no npm install needed!

<script type="module">
  import gatsbyPluginPreloadLinkCrossorigin from 'https://cdn.skypack.dev/gatsby-plugin-preload-link-crossorigin';
</script>

README

gatsby-plugin-preload-link-crossorigin

Quickly add the crossorigin attribute to every <link rel="preload"> tag to turn off the Lighthouse alert.

Build Status Build Cron Commitizen friendly Open Source Love

Install

npm install --save gatsby-plugin-preload-link-crossorigin

What this plugin does

It simply turn off the

A preload was found for "http://localhost:9000/component---src-pages-index-js-5338f8c9c4237b27607e.js" but was not used by the browser. Check that you are using the crossorigin attribute properly.

Lighthouse alert.

The Lighthouse alert

BE AWARE that doesn't guarantee a higher Lighthouse score! It's up to you to analyze whether or not it improves your site performance!

How to use

// In your gatsby-config.js
plugins: [
  'gatsby-plugin-preload-link-crossorigin',
]

Contributing

PR or issues are welcome 👋

Notes

  • if you want to work on the plugin sources, remember that you need to npm run build on the root then, in every test project, you need to run npm run plugin:link to locally use it

Contributors

Thanks goes to these wonderful people (emoji key):

Stefano Magni
Stefano Magni
💻 📖

This project follows the all-contributors specification. Contributions of any kind welcome!