Skip to content

Commit f86bc41

Browse files
authored
Update README.md
1 parent ca0b9d8 commit f86bc41

File tree

1 file changed

+15
-19
lines changed

1 file changed

+15
-19
lines changed

β€ŽREADME.mdβ€Ž

Lines changed: 15 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -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
241246
Here'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**
262258
Server Side Rendering is working. The depending on how easy it is to set it up we distinguish between `easy`, `moderate`, `hard`.

0 commit comments

Comments
Β (0)