@@ -231,32 +231,28 @@ This library leverages best performance practices:
231231
232232### π€ SSR Support
233233
234- This library also Supports lazy loading with SSR and http transfer cache.
235- If SSR load svgs on server => ends up in DOM cache and ships to the client.
234+ This library also supports SSR. url and loading function can be configured over DI.
235+
236+
237+ ### π€ SSR Transfere State (rendered SVG as HTML)
238+
239+ If SSR load svgs on server the rendered HTML ends up in DOM cache and ships to the client.
240+ On the client no additional requests are needed.
236241
237242## Comparison
238243
239244> π₯οΈ Interactive demo available [ here] ( https://push-based.github.io/ngx-fast-svg ) .
240245
241246Here's library comparison with other popular SVG solutions.
242247
243- | Library | SSR [ 1] | Lazy loading [ 2] | Optimized render performance [ 3] | Size |
244- | ------------------| ------------| -------------------| ----------------------------------| ----------|
245- | ngx-fast-svg | ` easy ` | browser natively | βοΈ | 1.52 KB |
246- | font-awesome | ` hard ` | β | β | 64.75 KB |
247- | ant | ` moderate ` | β | β | 24.38 KB |
248- | material | ` easy ` | β | β | 16.92 KB |
249- | angular-svg-icon | ` moderate ` | β | β | 1.54 KB |
250- | ionic | ` moderate ` | viewport observer | βοΈ | 1.44 KB |
251-
252- <!-- | Library | SSR | Lazy loading | Hydration | Reusability of SVG DOM | Optimized render performance | Size |
253- | ---------------- | ---------- | ---------------- | --------- | ---------------------- | ---------------------------- | -------- |
254- | ngx-fast-svg | `easy` | browser natively | βοΈ | βοΈ | βοΈ | 1.52 KB |
255- | font-awesome | `hard` | β | βοΈ | βοΈ | β | 64.75 KB |
256- | ant | `moderate` | β | βοΈ | βοΈ | β | 24.38 KB |
257- | material | `easy` | β | βοΈ | βοΈ | β | 16.92 KB |
258- | angular-svg-icon | `moderate` | β | βοΈ | βοΈ | β | 1.54 KB |
259- | ionic | `moderate` | viewport observer | βοΈ | βοΈ | βοΈ | 1.443 KB | -->
248+ | Library | SSR [ 1] | Lazy loading [ 2] | Optimized render performance [ 3] | Transfere State | Size |
249+ | ------------------| ------------| -------------------| ----------------------------------| -----------------| ----------|
250+ | ngx-fast-svg | ` easy ` | browser natively | βοΈ | βοΈ | 1.52 KB |
251+ | ionic | ` moderate ` | viewport observer | βοΈ | β | 1.44 KB |
252+ | angular-svg-icon | ` moderate ` | β | β | β | 1.54 KB |
253+ | material | ` easy ` | β | β | β | 16.92 KB |
254+ | ant | ` moderate ` | β | β | β | 24.38 KB |
255+ | font-awesome | ` hard ` | β | β | β | 64.75 KB |
260256
261257** [ 1] SSR**
262258Server Side Rendering is working. The depending on how easy it is to set it up we distinguish between ` easy ` , ` moderate ` , ` hard ` .
0 commit comments