JaJuMa - Resource Hints: Preload Critical Resources & Assets
## Link to original module
[JaJuMa Resource Hints: Preload Critical Resources & Assets for Magento 2](https://www.jajuma.de/en/jajuma-develop/extensions/resource-hints-preload-critical-resources-assets-extension-for-magento-2) allows using Resource Hints (DNS-Prefetch/Preconnect/Preload/Prefetch) for loading render-critical files and assets as early as possible. The extension also allows preloading LCP/Hero images depending on layout for improving LCP Core Web Vitals KPI!
[Hyvä](https://www.jajuma.de/en/hyvaverse-guide) compatibility module is not required since the module does not have store front elements or provides native compatibility for [Hyvä Stores](https://www.jajuma.de/de/jajuma-shop/online-shop-mit-magento-2-und-hyva-themes).
Full Description of extension scope:
[JaJuMa Resource Hints: Preload Critical Resources & Assets for Magento 2](https://www.jajuma.de/en/jajuma-develop/extensions/resource-hints-preload-critical-resources-assets-extension-for-magento-2)
Extension in Magento Marketplace:
[JaJuMa Resource Hints: Preload Critical Resources & Assets for Magento 2](https://marketplace.magento.com/jajuma-assetpreload.html)
No compatibility module is required since the module provides native [Hyvä Themes](https://www.jajuma.de/de/jajuma-shop/online-shop-mit-magento-2-und-hyva-themes) compatibility.
## Demos
[Magento Luma Demo](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-magento-2)
[Magento & Hyvä Demo](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-magento-2-and-hyva-themes)
[Mage-OS & Hyvä Demo](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-mage-os-and-hyva-themes)
## Features to be implemented
* [x] basic - does not break layout/design
* [x] Configure DNS-Prefetch/Preconnect/Preload/Prefetch render-critical JS/CSS/Font files... globally
* [x] Preload LCP/Hero Images depending on layout, manually configured or automatically selected:
* * [x] Homepage/CMS pages: Manual configuration (responsive images supported)
* * [x] Category Pages: Manual configuration (responsive images supported) OR Category Image OR First Grid Item image
* * [x] Product Pages: First image in Media Gallery
-> Compatible with our WebP Optimized Images & Ultimate Image Optimizer Extensions. With these extensions installed, the best available image format will be preloaded automatically (WebP, AVIF, High-Res versions)
### Magento versions
* 2.3
* 2.4
### Module Versions (if applicable)
* 1.0.0+
## Contributors
@jajuma @JaJuMaGmbH
issue