Image Optimization

The process of reducing image file sizes while maintaining acceptable visual quality for faster page loads. Optimized images can be 10x smaller than originals without noticeable quality loss, dramatically improving performance. Framer automatically optimizes uploaded images, converting to efficient formats like WebP where supported.

Related terms

Related terms

CDN

Content Delivery Network—a distributed network of servers that delivers web content from locations geographically closest to each visitor. CDNs dramatically reduce latency and load times for global audiences while providing redundancy if one server fails. Framer hosts all sites on a global CDN automatically, ensuring fast performance worldwide without additional configuration.

Lazy Loading

A technique that defers loading off-screen content until users scroll near it, improving initial page performance. It is especially useful for image-heavy pages and long content feeds. Framer automatically lazy-loads many assets, including below-the-fold images.

Page Speed

A measure of how quickly page content loads and becomes interactive, influenced by file sizes, server response, and code efficiency. Google uses page speed as a ranking factor, making optimization both a UX and SEO concern. Framer's infrastructure and automatic optimizations help achieve fast page speeds.

Server-Side Rendering

Generating HTML on the server before sending to browsers, improving initial load performance and SEO. SSR provides complete content to search engines and faster first paint for users. Framer uses server-side rendering for optimal performance and SEO.

Cache

Temporary storage that keeps copies of assets so repeat visits load faster and consume less bandwidth. Effective caching can significantly improve page-load performance for returning users. CDNs and browser cache policies work together to deliver assets efficiently.

Minification

The process of removing unnecessary characters from code—whitespace, comments, line breaks—to reduce file size. Minification speeds up loading without changing functionality, typically applied to CSS and JavaScript. Framer automatically minifies code for production deployment.

Bandwidth

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.

Caching

The process of storing frequently accessed data in temporary storage for faster retrieval on subsequent requests. Browser caching stores assets locally while server caching reduces database queries and processing time. Understanding caching helps troubleshoot why changes don't appear immediately—you may need to clear cache or wait for CDN propagation.

Compression

The process of reducing file sizes by removing redundant data, making assets faster to download and cheaper to serve. Image compression can reduce file sizes by 50-80% with minimal visual quality loss using formats like WebP. Framer automatically optimizes images for web delivery while preserving quality where it matters most.

Content Delivery Network

A distributed network of servers that delivers web content from locations geographically closest to each visitor, reducing latency and improving load times. CDNs also provide redundancy and protection against traffic spikes or server failures. Framer hosts all sites on a global CDN automatically for optimal worldwide performance.

Load Time

The duration from requesting a page to complete rendering, critically affecting user experience and conversion rates. Users expect pages to load in 2-3 seconds; each additional second significantly increases bounce rates. Optimize images, limit scripts, and leverage caching to minimize load time.

Page Load

The process of fetching and rendering a webpage, measured from request to full interactivity. Page load speed affects user experience, conversion rates, and search rankings. Monitor load performance and optimize bottlenecks regularly.