We have achieved 98 - 99 on GTMetrix

[Davwaii]

Hi Cymru,

I do have a favicon.ico, Apple and legacy Windows icons in my root folder. Then I link to them from my homepage or header template. Although I don't link to favicon.ico, as most browsers look for this anyway.

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#222222">
<meta name="theme-color" content="#ffffff">

It's basically the Favicon Generator setup. https://realfavicongenerator.net/ where you can create and check a full icon suite. Overkill perhaps, but tweak as you see fit.

The icon value "purpose: any" was just what I followed from the Wed.dev example, but you can find out more about "icon values" at MDN Docs - https://developer.mozilla.org/en-US/docs...fest/icons

Cheers!