Use Placeholder Images for YouTube iFrames
When you embed a YouTube video, it creates an iframe and loads several resources:
- Downloads an HTML file, one CSS, two/three (heavy) JS files which are more than 500KB
- Extra DNS lookups to www.youtube.com, i.ytimg.com etc
You can replace YouTube embeds with a placeholder image. The YouTube video (iframe) will be loaded only on click/touch. So instead of loading several resources of iframe, only a single image is downloaded.
Why Placeholder is Blank
By default, FlyingPress chooses "hqdefault" (HD image) as the placeholder. If your video is not ready in HD, this placeholder image will be blank.
Double Click Issue
If you've embedded a YouTube video with "Enable privacy-enhanced mode", it will require double click/tap to load the video.