Right now the site will load three inline SVG to represent the weather status for now, today, and tomorrow. If we wanted a weekly weather design, the site could potentially show 6 unique icons.
What do you recommend?
SVGs are great because they're high resolution regardless of the device. They're loaded in now as an inline-svg with styles referenced in the <style> tag. It's worth investigating alternatives. Is a sprite-sheet of all our icons more performant? Right now there's about 15kb (5kb gzipped) available to add.
Any solution would have to compare to the current and purposed development:
What's the current situation?
Right now the site will load three inline SVG to represent the weather status for now, today, and tomorrow. If we wanted a weekly weather design, the site could potentially show 6 unique icons.
What do you recommend?
SVGs are great because they're high resolution regardless of the device. They're loaded in now as an inline-svg with styles referenced in the
<style>
tag. It's worth investigating alternatives. Is a sprite-sheet of all our icons more performant? Right now there's about 15kb (5kb gzipped) available to add.Any solution would have to compare to the current and purposed development: