Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Favicons still fetching despite caching them

I have a list of favicons

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,

files that won't cache

These two files /favicon/favicon-32x32.png and /favicon/favicon-16x16.png. Any help here please would be highly appreciated.

like image 823
lulliezy Avatar asked Apr 03 '18 16:04

lulliezy


People also ask

Do browsers cache favicons?

Favicons are cached by the browser, but are stored independently from other cached items such as HTML files or site images.

How do I stop a favicon request?

You can now simply right click the favicon. ico request and click "Block request URL".

Why is the favicon not working?

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.


1 Answers

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

like image 61
Eslam Sameh Ahmed Avatar answered Sep 29 '22 18:09

Eslam Sameh Ahmed