Webnauts, encouraging people is better than being condescending!
VacaRent, you need to update your icons to the maskable type for 100 PWA score. Here's what's working for me.
{
"name": "Page Speed Tweaks",
"short_name": "PageSpeed Tweaks",
"icons": [
{ "src": "/icon-192x192.png", "sizes": "192x192", "type": "image/png",
"purpose": "any maskable" },
{ "src": "/icon-512x512.png", "sizes": "512x512", "type": "image/png",
"purpose": "any maskable" }
],
"theme_color": "#fff",
"background_color": "#fff",
"orientation": "portrait",
"display": "standalone",
"start_url": "https://pagespeedtweaks.com/"
}
Further information below.
https://web.dev/maskable-icon/
Good luck!
Davwaii, do you also have apple-touch-icons in your manifest, "purpose": "any"? What about favicon since it will display better on a browser than a maskable?
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!
Hi there Webnauts,
To be sure - I have extensive experience in optimization so this is not an issue.
My post was nothing more than encouragement to others have worked hard to break through GT - Lighthouse - Pingdom - etc. and to show it can be done - nothing more.
Honestly, I have no idea how you received those screenshots unless it happened at the exact same moment we had removed GZIP to make a modification (We are implementing Imagga image tagging at the moment - so maybe it was that?)
I just ran the same exact play you did once again but this time with all of the fields you set in Advance and our results (yours and mine are night and day different)
https://www.screencast.com/t/ji6T8YEb
https://www.screencast.com/t/icUh4cc5pN
The only minor difference I can see between the 2 is you set yours for 3G fast and I went for cable/mobile. Unless you are in a Siberian valley, there is no place on the planet running 3G any longer. In fact, 4G is soon to be obsolete. It would be the same as us testing for Lunascape browsers
I also demonstrated from our Lighthouse scores everything meeting or exceeding 90 and above.
Davwaii - thank you for the guiding hand. We will look into that today and let you know how it works for us.
I just ran our site again - this time with WPTest and here are our results as I normally see them.
https://www.webpagetest.org/result/20071...view_step1