126
126
< div align ="center " style ="height:100%; ">
127
127
<!-- First Example -->
128
128
129
- < h2 > Setting up < code > <model-viewer></ code > for good Lighthouse scores</ h2 >
129
+ < h2 > Setting up < code > <model-viewer></ code > for decent Lighthouse scores</ h2 >
130
130
131
131
< model-viewer
132
132
id ="first "
@@ -153,8 +153,8 @@ <h2>Setting up <code><model-viewer></code> for good Lighthouse scores</h2>
153
153
loads < code > model-viewer.min.js</ code > immediately, which results in poorer
154
154
lighthouse performance scores, as this bundle of JavaScript takes time to
155
155
parse. We still make a strong effort to keep this bundle size down as much
156
- as possible to ensure this simple type of loading still gets decent
157
- performance.</ p >
156
+ as possible to ensure this simpler type of loading still gets decent
157
+ performance, as this method does not require custom posters and such .</ p >
158
158
159
159
< p > It is still important to delay the loading of the 3D model, as including
160
160
its load time in the lighthouse scores will tend to destroy them. As such
@@ -163,10 +163,10 @@ <h2>Setting up <code><model-viewer></code> for good Lighthouse scores</h2>
163
163
cause loading to proceed. The second < code > <model-viewer></ code > does
164
164
not require this as it lazy-loads by default since it is below the fold.</ p >
165
165
166
- < img src ="../assets/lighthouse .png " style ="object-fit: contain; width:100%; max-width:700px; " alt ="Lighthouse mobile scores ">
166
+ < img src ="../assets/lighthouse2 .png " style ="object-fit: contain; width:100%; max-width:700px; " alt ="Lighthouse mobile scores ">
167
167
168
- < p > Note the performance is worse than before, at only 97 for desktop and 92
169
- for mobile (shown above).</ p >
168
+ < p > Note the performance is worse than before, at only 93
169
+ for mobile (shown above), though still 100 on desktop .</ p >
170
170
171
171
<!-- Second Example -->
172
172
< model-viewer
0 commit comments