How it works?

Hi @mercadearse thanks for opening a support topic with us and your interest in the plugin. There is no setting for the plugin and nothing you need to do other than activate the plugin on your site.

Once you have activated the plugin you can check that it is working by following the steps below:

1. Go to your website.
2. View the source of your website page. You can do this by right clicking and selecting ‘view page source’ or pressing the Ctrl + U keys on your keyboard.
3. Perform a text search using Ctrl + F on the keyboard for ‘fetchpriority=’.

You should find an instance of this that has been added to your source within an <img> tag.

The plugin adds the?fetchpriority="high"?attribute to the image that is most likely the LCP image for the current response, improving LCP performance by telling the browser to prioritize that image. The LCP image detection directly relies on the existing WordPress core heuristics that determine whether to not lazy-load an image. The only difference is that, while multiple images may not be lazy-loaded, only a single image will be annotated with?fetchpriority="high".

Hope this helps to answer your questions but please do let me know if there’s anything else I can help you with.

Hey @adamdunnage thanks for your answer. I did it (installed it / enabled it) however on source page I couldn’t find fetchpriority="high"

Hope you help me!

Best regards,
Christian

@mercadearse Looking at your site source code I can see that you are using the LiteSpeed Cache plugin. I can also see that you are using the lazy load feature for images provided by the LiteSpeed plugin.

When enabling lazy load in the LiteSpeed Cache plugin, this disables WP lazy load, which is why the Fetchpriority plugin is not placing fetchpriority="high" .

This is the expected behaviour in this scenario. If you wish to disable the LiteSpeed plugin, the FetchPriority plugin should then place the fetchpriority="high" for you.

Let me know if there is anything else I can help you with.