Port to be a Progressive Web App

[addyosmani]

Per our Twitter thread, this would make for an awesome PWA. I'd suggest installing the Lighthouse extension (a PWA audit tool) from https://github.com/googlechrome/lighthouse and working on checking off those items.

Perf wise, there's a little more that can be done to improve first meaningful paint (4031 vs target of 1000) and time to interactive (more important - see https://github.com/GoogleChrome/lighthouse/pull/450 for a build you can use). Let's see if we can get you any advice on the animation at the start and the impact that might have on FMP/FMC.

Some suggestions:

• Our team maintain https://developers.google.com/web/tools/service-worker-libraries/?hl=en (Toolbox and Precache) which drastically reduce the time for offline caching setup (we can look in folks if you run into questions or happy to help directly)
• Favicons: realfavicongenerator.net is what I usually use. Might end up pruning some of what they generate for you, but it's otherwise pretty tight.

I would also take a look at optimising this initial group of work on page load (script eval itself is taking over 600ms) and you've got a webfont party that might be worth optimising further too :)

[kitze]

Thank you very much for the detailed explanation. This will be on my priority list!