I have a list of favicons
Am using a service worker to cache all files, i.e. its a PWA, my files are as below
"/",
"/index.html",
"/favicon/apple-touch-icon.png",
"/favicon/favicon-32x32.png",
"/favicon/favicon-16x16.png",
"/favicon/site.webmanifest",
"/favicon/safari-pinned-tab.svg",
"/favicon/favicon.ico",
"/favicon/browserconfig.xml",
"/app.css",
"/app.js",
The problem is with my two very specific files,
These two files /favicon/favicon-32x32.png
and /favicon/favicon-16x16.png
. Any help here please would be highly appreciated.
Favicons are cached by the browser, but are stored independently from other cached items such as HTML files or site images.
You can now simply right click the favicon. ico request and click "Block request URL".
When you add a favicon to your site, it may not show up since your browser has 'saved' your site as one without a favicon. You need to clear the cache in your browser or use a different browser.
This is a known Chrome bug. It is known from 2016. No solution till now due to security issue.
Chrome bug report
Update at 26-11-2018 solved
Service worker: FetchEvents for requests for same-origin favicons
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With