What does this mean for your website? The recommendation is to stick with using a instead of an animated GIF, but with the understanding that such media will not be a candidate for LCP, and the next largest candidate will be used instead. The solution in the case of emulating animated GIFs is not to add poster attribute to your elements, because that image will go unused. It should be noted that while elements are candidates for LCP, elements without a poster image are not LCP candidates. If you prefer a WebM be used first, specify it first! Effect on Largest Contentful Paint (LCP) For example, if you specify an MP4 video first and the browser supports WebM, browsers will skip the WebM and use the MPEG-4 instead. Note: Browsers don't speculate about which is optimal, so the order of 's matters. Try it: Replace an animated GIF with a video. Provide both WebM and MP4, so that if a browserĭoesn't support WebM, it can fall back to MP4. Pointing to different video files that the browser can choose from, depending on Plays no audio, and plays inline (that is, not full screen), all the hallmarkįinally, the element requires one or more child elements Ī element with these attributes plays automatically, loops endlessly, Luckily, you can recreate these behaviors using the element.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |