<model-viewer>for decent Lighthouse scores
Unlike the previous example, this page
model-viewer.min.js immediately, which results in poorer
parse. We still make a strong effort to keep this bundle size down as much
as possible to ensure this simpler type of loading still gets decent
performance, as this method does not require custom posters and such.
It is still important to delay the loading of the 3D model, as including
its load time in the lighthouse scores will tend to destroy them. As such
reveal="interaction" and calls
cause loading to proceed. The second
not require this as it lazy-loads by default since it is below the fold.
Note the performance is worse than before, at only 93 for mobile (shown above), though still 100 on desktop.
©Copyright 2018-2020 Google Inc. Licensed under the Apache License 2.0.