@@ -51,6 +51,7 @@ Pre-rendering offers the following advantages:
51
51
=== Pre-render with Liveboard ID
52
52
53
53
This method allows you to:
54
+
54
55
- fully load the embed iframe, including all assets and Liveboard data, as soon as the component is rendered.
55
56
- provide the fastest access to the specified Liveboard.
56
57
- allow maximum resource usage if the user never views the embed.
@@ -91,11 +92,15 @@ image::./images/pre-render/pre_render_with_liveboard_id.png[]
91
92
=== Pre-render without Liveboard ID
92
93
This method offers the following advantages:
93
94
94
- - Loads common assets and bootstrap logic early
95
+ - Loads common assets and bootstrap logic early.
95
96
- Defers Liveboard-specific data/API calls until needed.
96
97
- Keeps the app ready, making the first Liveboard load faster.
97
98
- Still loads some assets even if the user never opens the embed.
98
99
100
+ As shown in this figure, this method pre-renders common assets and bootstrapping logic early, and then loads the embedded component.
101
+
102
+ image::./images/pre-render/prerender_without_liveboard_id.png[]
103
+
99
104
To use this strategy, place the following component on your application's home page, loading page, or landing page:
100
105
101
106
[source,jsx]
@@ -129,7 +134,6 @@ const PreRenderLiveboardWithoutLiveboardId = () => (
129
134
);
130
135
----
131
136
132
- image::./images/pre-render/prerender_without_liveboard_id.png[]
133
137
134
138
=== Pre-rendering on demand
135
139
0 commit comments