4 replies

1. Rogin Farrer Bluesky 8 hr later

   Curious if you thought about inlining the SVGs (instead of `<wa-icon>`) and using `<use>` for all of the stars. For a server-rendered product search page where dozens of star ratings could appear, I think it saved a lot of bytes and runtime operations.

   1. Cory LaViska Bluesky 9 hr later

      The icon is cached the first time its requested, so a dozen ratings won't load the icon from the server 12 times :)

      1. Rogin Farrer Bluesky 9 hr later

         Missed a detail, I meant to say that *we* used <use> in our rating component.

         Yup, I know about the cache! Problem we had (when we used a similar icon web component) was that each rating was including 5 additional shadow roots and custom elements that needed to initialize.

         1. Rogin Farrer Bluesky 9 hr later

            When we were tracing some perf regressions (for a very sensitive page), this seemed like low-hanging fruit to optimize.