IFrame & Video Optimization (YouTube/Vimeo)
ZiziCache can optimize embedded iframes and videos to reduce initial page weight and improve Core Web Vitals. These options focus on lazy loading and replacing heavy video iframes with lightweight placeholders that load the player only when needed.
Where to configure
- Open ZiziCache → Optimization.
- Go to the IFrame & Video section.
- Enable the options you need and save.
Lazy Load for iframes and videos
Postpones loading of iframe content until it’s needed, reducing initial network requests and rendering cost.
- Exclude iframes from Lazy Load: Enter CSS selectors or parts of file names (one per line) to skip lazy loading for specific iframes.
Replace YouTube iframe with thumbnail image
Replaces YouTube embeds with a thumbnail placeholder and loads the player on interaction. This significantly speeds up pages with YouTube videos.
- Thumbnail quality: Automatic, High, or Medium. Automatic selects quality based on the visitor’s device.
Replace Vimeo iframe with thumbnail image
Replaces Vimeo embeds with a thumbnail placeholder and loads the player on interaction, reducing the initial payload.
Iframe attribute optimization
Adds performance-oriented attributes such as loading, fetchpriority, and related attributes to improve Core Web Vitals. It also helps prevent layout shifts by applying aspect-ratio handling when dimensions are available.
Benefits
- Faster initial render by delaying heavy embeds.
- Lower bandwidth usage for users who never play the video.
- Reduced layout shifts and improved CLS.
- Better LCP performance on pages with video content.
Notes
- Supported placeholders are for YouTube and Vimeo.
- Thumbnails are cached locally under the uploads directory to reduce repeated external requests.
- Always test critical embeds after enabling exclusions or attribute optimizations.