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.

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.

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.

An introductory screen displayed while an application loads, typically showing branding or loading progress. Splash screens set expectations and provide visual continuity during load times. Keep splash screens brief—users want to reach content quickly.

A small preview image representing larger content, commonly used in galleries, lists, and navigation. Thumbnails help users identify content quickly without loading full-size media. Size thumbnails appropriately and use consistent aspect ratios.

A self-contained interactive element that provides specific functionality, often embeddable from third-party services. Widgets extend site capabilities without custom development—chat widgets, calendars, and forms are common examples. Consider performance impact when adding widgets and lazy load when possible.

Core Web Vitals are a set of user-focused performance metrics used by Google to measure real page experience, including loading speed, responsiveness, and visual stability.

Largest Contentful Paint (LCP) measures loading performance by tracking when the largest visible text or image element appears on screen.

Cumulative Layout Shift (CLS) quantifies visual instability by measuring how much elements move unexpectedly during page load and interaction.

In Framer, code splitting supports faster initial loads by avoiding unnecessary JavaScript on first view and loading additional code only when it becomes relevant.

In Framer, resource culling supports leaner pages by keeping unnecessary media, scripts, and interface resources out of the critical loading path.