Thank you for the detailed suggestions, appreciate a lot!
Addressing your points:
We are using Create-React-App, not sure if it supports dynamic imports without a custom webpack config, will have a look.
Gonna try purgeCSS, looks like fun :)
Already doing DNS-prefetch.
I thought that the fonts are already optimized - we use something like: nunito-latin which should already be stripped down to only latin characters - or is it possible to go further?
Good point, will look into unnecessary DOM elements.
What do you mean exactly with the SVG tree copying?
Fonts: ouh yeah, you can strip it down to characters you need - its very effective.
SVG - inlined svg is just a bunch of xml tags, so for 20 (even the same icons) your dom has 20x copy of that xml structure. I presume tiny png would be much flatter and i saw that you dont zoom/animate/manipulate icons on the map, so its less of a sin to migrate. Second option (probably better) would be to use svg symbols and use tag, to not duplicate the tree.
We're a place where coders share, stay up-to-date and grow their careers.
Hey Paweł,
Thank you for the detailed suggestions, appreciate a lot!
Addressing your points:
Fonts: ouh yeah, you can strip it down to characters you need - its very effective.
SVG - inlined svg is just a bunch of xml tags, so for 20 (even the same icons) your dom has 20x copy of that xml structure. I presume tiny png would be much flatter and i saw that you dont zoom/animate/manipulate icons on the map, so its less of a sin to migrate. Second option (probably better) would be to use svg symbols and use tag, to not duplicate the tree.