SVG sprites: improve performance (and keep configurability)
I built a simple benchmark to measure exactly how much (feel free to fork and improve ❤️). The other uses an SVG sprite you will surely start to love after reading this.
Useful takeaways from this story.
I built a simple benchmark to measure exactly how much (feel free to fork and improve ❤️).
The other uses an SVG sprite you will surely start to love after reading this.
How SVG sprites work A SVG sprite is a single file (but can also be embedded) with multiple icon definitions wrapped in tags: < svg…
Building the complete brief
The page is ready to read now. The fuller skim-friendly version will appear here automatically.
The useful part
I built a simple benchmark to measure exactly how much (feel free to fork and improve ❤️). The other uses an SVG sprite you will surely start to love after reading this. How SVG sprites work A SVG sprite is a single file (but can also be embedded) with multiple icon definitions wrapped in tags: < svg…
Details worth keeping
A table with 200 rows and 5 action icons per row. That's 1,000 inline SVGs dropped into your HTML. When does that start to impact your performance?
Keep reading in the app
Open the app view to save this story, compare related coverage, and continue from the same source.