- How to avoid layout shifts
- Caution: Chromium does not play video on any device
How to avoid layout shifts
Common root causes of layout shifting and how to fix them.
Custom web fonts and
font-display: optional; to avoid layout shifting when using custom web fonts (
Images without specified size
When possible, specify the size of the image by defining its
height. This will allow the browser to preserve the space and render the image when it’s ready without recalculating the layout and position of elements on the page (reflow).
import 'bootstrap'; you could use
Caution: Chromium does not play video on any device
Chromium does not include non-free codecs (H.264, which is common in non-Google videos) by default. YouTube uses VP8 or VP9, and they are free codecs, so they are supported in Chromium out of the box. Same about audio codecs, like AAC. Widevine, a DRM library (used to prevent media piracy), is not included with Chromium by default. Whenever videos employ one of those out of the box, Chromium will not be able to play them.