Replace base64 CSS images with regular sprite PNGs/WEBPs?

[nolanlawson]

I think there may be a clever way to do this without having to download the PNG/WEBP files invidivually (also HTTP2 ought to help here). As is, I believe this is contributing to a startup lag on Chrome and may be the cause of perf issues in Firefox OS.

[samccone]

could do the ol spritesheet hack here :)

[nolanlawson]

Spritesheets caused crazy bad performance on mobile, presumably due to the fact that each of the visible Pokémon was holding onto the entire spritesheet. :/

I'm wondering if a better solution is:

• normal PNGs/WEBPs with url(/path/to/png)
• service worker downloads one big binary (multipart?) and then stores them in IndexedDB as blobs.

[samccone]

I was thinking a single spritesheet and then canvas elements to paint the single pokemon via a imagedata blob extracted from the master sheet :)

[nolanlawson]

Okay, that's actually really clever! :) I like it.

[samccone]

it might be way worse though :) hard to say without trying