Video
Moving visual content embedded on a page for explanation, demonstration, or storytelling. Video can increase engagement but may hurt performance if it is unoptimized. Use compression, modern formats, and lazy loading to keep page load fast.
Embed
General
External content integrated into your page from another source, such as videos from YouTube, maps from Google, or widgets from third-party services. Embeds extend functionality without building features from scratch but can impact performance and introduce dependencies. Framer supports HTML embeds and iframe integration for external content.
Event Tracking
Analytics
Recording specific user interactions to measure engagement and understand behavior patterns beyond basic pageviews. Track meaningful events like button clicks, video plays, form starts, and scroll milestones. Framer Metrics includes event tracking for comprehensive behavior analysis.
GIF
Media
Graphics Interchange Format—a compressed image format supporting animation and transparency, limited to 256 colors. GIFs are popular for short animations and reactions but have large file sizes. Consider modern formats like WebP or video for better compression and quality.
Iframe
General
An HTML element that embeds another webpage within the current page, commonly used for videos, maps, and third-party widgets. Iframes isolate external content but can impact performance and present security considerations. Use iframes for trusted third-party embeds and consider lazy loading.
Bandwidth
Performance
The maximum rate of data transfer across a network connection, measured in bits per second. Higher bandwidth allows faster loading of large assets like images and videos, directly impacting user experience. Optimize bandwidth usage by compressing images, lazy loading off-screen content, and leveraging Framer's automatic performance optimizations.