I have a collection of info cards on my page, each featuring its own unique illustration along with a set of common icons (SVG) for options such as edit, delete, and more. While the illustrations vary from card to card, the icons remain consistent across all of them.
My goal is to avoid redundant calls for fetching the same icons repeatedly for every card. I am currently using a app-svg custom component to retrieve the SVG icons stored in my /assets folder.
Additionally, I am curious about the behavior when the browser utilizes disk cache, especially on subsequent visits to the same URL. Is it possible to cache the icon once and reuse it? What would be the most effective strategy for achieving this optimization? Thank you!