A method of comparing two versions of a page to determine which performs better based on user behavior and conversions. This data-driven approach removes guesswork from design decisions by letting real visitors vote with their actions. Framer's built-in A/B testing in Metrics lets you run experiments without third-party tools or complex setup.

A Framer feature that automatically arranges child elements in a row or column with consistent spacing, similar to CSS Flexbox. This powerful tool creates responsive designs that adapt to content changes—add or remove items and the layout adjusts automatically. Auto Layout is essential for building reusable components like navigation bars, card grids, and form fields.

The CSS property that rounds the corners of an element, measured in pixels or percentages. Border radius transforms harsh rectangles into friendlier, more organic shapes—from subtle rounding to perfect circles. Framer provides individual corner controls for asymmetric rounding and variables to maintain consistent corner radii across your design system.

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.

text and images while maintaining consistent styling. Framer’s built-in CMS supports Content Management System—a platform for creating, organizing, and publishing digital content without writing code for each update. A CMS separates content from design, allowing non-technical users to update collections, relationships, and dynamic pages for blogs, portfolios, and product catalogs.

A JavaScript function that modifies component behavior without changing the component itself, enabling custom interactions and logic. Overrides let you add functionality like form validation, state management, or API calls while keeping components reusable. This separation of concerns keeps your component library clean while allowing page-specific customizations.

When a visitor completes a desired action, such as signing up, making a purchase, or filling out a contact form. Conversion rate—the percentage of visitors who convert—is a key success metric for most websites. Track conversions in Framer Metrics and use A/B testing to systematically improve your conversion rates.

A personalized web address like yourbrand.com instead of a platform-provided subdomain. Custom domains are essential for professional branding and improve trustworthiness with visitors. Framer supports custom domains with automatic SSL certificate provisioning and straightforward DNS configuration.

A visual modification applied to elements such as blur, shadow, glow, or blend mode that enhances appearance. Effects add depth, focus attention, and create sophisticated visual compositions. Use effects purposefully—overuse can slow performance and create visual clutter.

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.

A user action or system occurrence that can trigger responses, such as clicks, scrolls, form submissions, or page loads. Events drive interactivity by connecting user actions to visual feedback and functionality. Understanding events helps create responsive, engaging experiences.

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.

A specific style and weight within a typeface family, like Inter Bold or Helvetica Light Italic. Choosing appropriate fonts affects readability, brand perception, and page performance. Framer provides access to Google Fonts and supports custom font uploads for complete typographic control.

A variable font containing multiple weights, widths, or styles in a single file, enabling smooth interpolation between values. Variable fonts reduce file downloads while offering greater typographic flexibility. Use variable fonts for performance benefits and fluid typography that responds to user preferences.

The bottom section of a webpage, typically containing navigation links, copyright information, and secondary content like contact details or social links. Footers provide a sense of closure and catch visitors who've scrolled through all content. Design footers to be useful—include key links users might need after reading your page.

The space between elements in a flex or grid layout, providing consistent gutters without margin manipulation. Gap is cleaner than margins because it only applies between items, not at container edges. In Framer's auto layout, gap controls the spacing between child elements uniformly.

A free Google tool providing insights into how your site appears in search results, including impressions, clicks, and indexing issues. Search Console alerts you to problems and validates fixes, essential for SEO monitoring. Verify your Framer site in Search Console to track search performance.

The visual appearance of an element when a user's cursor is positioned over it, providing feedback and indicating interactivity. Hover states are essential for buttons, links, and clickable elements—without them, users can't tell what's interactive. Remember that hover doesn't exist on touch devices, so don't rely on it for essential information.

A visual element displaying photographs, graphics, or illustrations that communicates information or creates visual interest. Optimize images for web delivery with appropriate formats, compression, and sizing for fast loading. Framer automatically optimizes uploaded images for optimal performance.

Related AI terms: Generative Fill and Image Segmentation.

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.

The arrangement of visual elements on a page, establishing structure, hierarchy, and flow of information. Good layout guides the eye naturally through content while creating visual harmony. Consider reading patterns—users typically scan in F or Z patterns on text-heavy pages.

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.

The uniform adjustment of space between all characters in a word or block of text, also called tracking. Increased letter spacing can improve readability for uppercase text and small sizes. Avoid negative letter spacing in body text as it impairs readability.

A geographic or language region with specific formatting preferences for dates, numbers, and currency. Supporting multiple locales enables international audiences to engage with localized content. Framer's localization features help manage content across different locales. See Adding a new locale.

The process of adapting content and design for different languages, cultures, and regions. Localization goes beyond translation to include date formats, currency, imagery, and cultural considerations. Framer supports localized content variants within its CMS for managing multilingual sites efficiently.

A JSON-based animation format that renders Adobe After Effects animations on the web with small file sizes and infinite scalability. Lottie animations are lightweight, vector-based, and highly customizable through JavaScript. Import Lottie files into Framer for sophisticated animations without performance penalties.

A platform for buying, selling, or sharing design resources, templates, and assets within a tool's ecosystem. Marketplaces accelerate projects by providing ready-made solutions and components. Browse Framer's marketplace for templates, components, and inspiration.

A unique identifier for connecting analytics services to your website, like Google Analytics' G-XXXXX format. Measurement IDs enable tracking scripts to send data to the correct analytics account. Add measurement IDs in Framer's integrations section for third-party analytics. See Setting up Google Analytics.

HTML elements that provide metadata about a page to browsers and search engines, including titles, descriptions, and social sharing information. Proper meta tags improve SEO and control how pages appear when shared on social media. Framer provides fields for essential meta tags in page settings. See How to update page titles, descriptions, and social images.

A dialog overlay that requires user attention before interacting with underlying content, used for alerts, forms, or focused tasks. Modals should have clear purposes and obvious dismissal methods—don't trap users in unexpected dialogs. In Framer, build modals as overlay components with appropriate entrance and exit animations.

The use of animation and movement in interfaces to communicate, guide attention, and create engaging experiences. Thoughtful motion provides feedback, shows relationships, and adds personality. Balance motion benefits with accessibility concerns and performance impacts.

A grainy texture effect added to backgrounds or elements for visual interest and tactile quality. Subtle noise can add depth and sophistication, reducing the flatness of solid colors. Apply noise sparingly—heavy noise can look dated and affect performance.

A protocol that controls how pages appear when shared on social platforms like Facebook, Twitter, and LinkedIn. Open Graph tags specify titles, descriptions, and images for consistent, attractive social shares SEO settings with compelling images sized 1200x630 pixels.

A scrolling effect where background elements move slower than foreground elements, creating an illusion of depth. Parallax adds visual interest and engagement but can impact performance and cause motion sickness. Use parallax sparingly and provide reduced-motion alternatives for accessibility. See Creating parallax with Scroll Speed in Framer.

The smallest unit of a digital display, a single point of color that combines with millions of others to form images. Understanding pixel dimensions helps you provide appropriate image sizes for different devices. Retina displays pack more pixels into the same space, requiring higher-resolution images for sharp display.

An extension that adds functionality to a software platform beyond its built-in capabilities. Plugins extend tool capabilities without core software changes. Evaluate plugin quality and maintenance before depending on them in production.

Formatted text with styling like bold, italic, headings, lists, and links, beyond plain unformatted text. Rich text fields in Framer’s CMS allow content editors to format text without touching design. Connect rich text fields to styled containers for consistent typography.

A transform that spins an element around a center point by a specified angle measured in degrees. Rotation adds dynamism and visual interest to layouts and interactions. Combine rotation with other transforms for complex motion sequences.

Animation properties that change continuously based on scroll position, creating smooth parallax and reveal effects. Scroll-linked animations tie element properties like opacity, scale, or position to scroll progress. Use sparingly for performance and respect reduced motion preferences.

Animation effects tied to scroll position, creating parallax, reveal, and other scroll-driven visual changes. Scroll transforms add interactivity and storytelling potential to long-form content. Balance visual interest with performance and accessibility considerations.

A distinct content area of a page, typically spanning full width and containing related information. Sections organize long pages into digestible chunks with clear visual separation. Design sections with consistent spacing, backgrounds, and layouts that create rhythm as users scroll.

Search Engine Optimization (SEO) is the practice of improving a site’s visibility in search results through technical quality, relevant content, and authority signals. Strong SEO combines crawlability, performance, metadata, internal linking, and useful content. Framer supports SEO with clean markup, metadata controls, and sitemap generation.

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.

Scalable Vector Graphics—an image format using mathematical paths instead of pixels, staying crisp at any size. SVGs are perfect for logos, icons, and illustrations that need to scale across different screen sizes and densities. Framer supports SVG import and handles them optimally for web delivery.

Written content displayed on web pages, the primary means of communicating information to visitors. Quality text content is essential for engagement, SEO, and accessibility. Structure text with headings, short paragraphs, and scannable formatting.

A small text popup that appears when hovering over an element, providing additional context or explanation. Tooltips should contain brief, helpful information that isn't essential for basic usage. Remember tooltips don't work on touch devices—don't hide critical information in them.

CSS operations that modify element geometry—translate, rotate, scale, skew—without affecting document flow. Transforms are hardware-accelerated for smooth performance and power many animation effects. Combine transforms for complex visual manipulations.

Uniform Resource Locator—the address used to access web pages and resources, displayed in browser address bars. Clean, descriptive URLs improve SEO and help users understand page content. Structure URLs logically with readable words rather than random numbers or codes.

URL additions that track marketing campaign sources, enabling attribution of traffic to specific channels. UTM parameters identify which campaigns, channels, and content drive conversions. Add UTM parameters to links in emails, ads, and social posts. See Track UTM parameters and Google Ads IDs in forms.

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.

A modern image format providing superior compression for both lossy and lossless images with smaller file sizes than JPEG and PNG. WebP significantly reduces image download sizes while maintaining quality. Framer serves WebP images to supported browsers automatically. See How images are optimized in Framer.

The portion of a webpage visible without scrolling, borrowed from newspaper terminology where the top half of the front page was most prominent. This prime real estate should contain your most compelling content, clear value proposition, and primary call-to-action. Studies show users form impressions within milliseconds, making above-the-fold content critical for engagement.

Content that requires scrolling to see, positioned lower on the page than the initial viewport. While above-the-fold content grabs attention, below-the-fold content tells your complete story and provides detailed information for engaged visitors. Modern web design recognizes that users do scroll—what matters is giving them a reason to continue down the page.

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.

A small file stored in a visitor's browser that remembers preferences, login status, or tracking information across sessions. Cookies enable personalization and analytics but require consent notices under GDPR and similar regulations. Framer's built-in analytics are cookie-free, avoiding consent banner requirements.

File Transfer Protocol—a standard method for transferring files between computers over a network. While FTP was historically used for website deployment, modern platforms like Framer handle publishing automatically. Understanding FTP concepts helps when working with legacy systems or specific hosting requirements.

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.

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.

Internet Protocol address—a numerical label identifying devices on a network, like 192.168.1.1 or a longer IPv6 format. IP addresses enable communication between devices and can provide geographic location data for analytics. CDNs route traffic based on IP to serve content from nearby servers.

The programming language that enables interactive and dynamic behavior in web browsers. JavaScript powers everything from form validation to complex web applications and animations. Framer's code components and overrides use JavaScript for custom functionality beyond visual tools.

A compressed image format best suited for photographs and complex images with many colors and gradients. JPEG compression is lossy, meaning some quality is sacrificed for smaller files. Use JPEG for photos but prefer PNG for graphics with sharp edges, text, or transparency.

JavaScript Object Notation—a lightweight data format for storing and transmitting structured data, widely used in web APIs. JSON's human-readable syntax makes it easy to work with for configurations and data exchange. Framer uses JSON for various configurations and API integrations.

A lossless image format supporting transparency, best for graphics, logos, and images with sharp edges or text. PNG files are larger than JPEG for photos but preserve quality perfectly through editing and compression. Use PNG for graphics with transparency or when image quality is paramount.

An image that adapts to different screen sizes and resolutions, serving appropriately sized versions for each context. Responsive images improve performance by avoiding unnecessarily large downloads on small screens. Framer handles responsive images automatically, serving optimized versions.

User Experience—the overall experience a person has when using a product, encompassing usability, accessibility, and emotional response. Good UX anticipates user needs and removes obstacles to goal completion. UX extends beyond UI to include performance, content clarity, and trust signals.

Web Content Accessibility Guidelines—international standards defining how to make web content accessible to people with disabilities. WCAG compliance is increasingly required legally and expands your potential audience. Aim for at least WCAG 2.1 AA conformance.

eXtensible Markup Language—a format for storing and transporting structured data, used in sitemaps and RSS feeds. XML sitemaps help search engines discover all pages on your site. Framer generates XML sitemaps automatically.

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.

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.

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.

A prominently styled button designed to attract clicks and drive users toward a conversion goal. Effective CTA buttons use contrasting colors, clear action-oriented text, and strategic placement. Test variations of your CTA—even small changes to wording or color can significantly impact click-through rates.

Links and content in the page footer providing secondary navigation, legal links, and supplementary information. Footers catch users who've scrolled through all content and need next steps. Include popular pages, contact information, and trust signals like security badges.

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.

The path a user takes through your website to accomplish a goal, from entry to completion. Mapping user flows reveals friction points and optimization opportunities. Design flows that minimize steps while providing necessary information at each stage.

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.

Psychology-based design rules explaining how humans perceive visual elements as unified wholes, including proximity, similarity, closure, and continuity. Applying gestalt principles creates intuitive groupings and relationships without explicit visual separators. These principles underpin effective layout and information architecture.

A visualization of the steps a user takes to accomplish a goal, revealing opportunities and pain points. Mapping user journeys helps optimize flows and identify where users struggle. Design journeys that minimize friction while providing necessary information.

Named values storing design decisions like colors, spacing, and typography, enabling systematic design across platforms. Tokens create a single source of truth that can be translated to different implementation contexts. In Framer, variables serve as design tokens for colors, numbers, and responsive values.

An image format made of a grid of colored pixels where quality degrades when scaled up, common formats include PNG and JPEG. Bitmaps excel at photographs and complex imagery but become pixelated at larger sizes. Use vector formats for logos and icons that need to scale across different contexts.

Images composed of pixels in a fixed grid, ideal for photographs but losing quality when enlarged beyond original size. Raster formats like JPEG and PNG are standard for photographs and complex imagery. Use appropriate resolutions and compression for web delivery.

A DNS record that points one hostname to another hostname instead of an IP address. CNAME records are commonly used to connect subdomains to hosted platforms like Framer.

A format for embedding structured data in pages using JavaScript Object Notation for Linked Data. JSON-LD helps search engines interpret content entities and can enable rich search results. See Structured data through JSON-LD.

A URL endpoint that receives automated HTTP callbacks when a specific event occurs. Webhooks are commonly used to send form submissions or CMS events to external tools in real time.

A form element used to collect user-entered values such as text, email, or numbers. Input components often support states, validation, and submission workflows.

A UI notice that informs visitors about cookie usage and, where required, collects consent preferences. Cookie banners help meet privacy and compliance requirements in regions with consent laws. See Add a fully functional Cookie Banner to your Framer site.

Logic rules that show, hide, or transform output based on whether specific conditions are met. Conditionals are useful for adapting CMS-driven content to different states or data values.

A plugin focused on CMS operations such as syncing content, transforming fields, or managing collections at scale. CMS plugins help automate repetitive content tasks and integrations.

A workflow where content is edited directly in the context of the live page layout rather than in a separate form view. This improves editorial speed and reduces context switching.

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.

Internationalization (i18n) is the process of designing content and systems so a website can support multiple languages, locales, and regional conventions.

Variable Modes let one variable system support multiple contexts, such as theme, platform, or state, by switching between predefined value sets.

Subagents are narrowly scoped AI assistants that can be invoked by a primary agent to perform specific subtasks more efficiently.

Prompt Caching stores reusable prompt context so repeated requests can skip redundant processing and improve performance.

Automations are recurring or event-based executions that let AI agents perform routine work automatically under predefined instructions.

A Prompt Template is a standardized prompt format that injects variable content into fixed instructions for consistent outputs.

Related AI terms: Prompt Enhancement and Prompt-to-Code.

Tool Calling is the capability for a model to decide when to call connected tools, then use tool results to complete a task.

Hallucination refers to model outputs that sound plausible but are unsupported or false, often due to missing or weak source context.

Evaluations (Evals) are benchmarked test suites used to track model behavior, regressions, and improvements against defined criteria.

Fine-tuning is supervised model adaptation on curated examples so behavior aligns more closely with domain-specific tasks.

Related AI terms: DreamBooth and Subject-Driven Generation.

An Appendix is supplemental material attached to the end of a document or guide to provide deeper context, references, or background information.

In typography, a Bowl is the rounded enclosed or partially enclosed stroke that forms letters like o, d, and p.

Sans Serif refers to letterforms without small finishing strokes, commonly chosen for modern, legible screen typography.

Serif typefaces include decorative terminal strokes that can convey tradition, credibility, and reading comfort in long-form text.

A Vector is a scalable graphic format built from mathematical paths instead of pixels, enabling crisp rendering at any size.

Provenance Metadata captures source, edits, and processing history for an asset so consumers can assess authenticity. It is typically surfaced through Content Credentials and reinforced with Tamper-Evident Metadata.

CLIP (Contrastive Language-Image Pretraining) maps text and images into a shared representation space for similarity and retrieval. It powers capabilities such as Find Similar Designs and works well with Vision Transformer (ViT) style architectures.

Vision Transformer (ViT) applies transformer attention mechanisms to image patches for classification and representation learning. It is widely used in multimodal stacks with CLIP and in segmentation systems like Segment Anything Model (SAM).

DreamBooth is a personalization method that fine-tunes a model to generate consistent renderings of a chosen subject. It is a specialized form of Fine-tuning used in Subject-Driven Generation.

Writing software by expressing intent in conversational language rather than formal syntax. AI models translate the natural-language description into runnable code. Natural language programming is the conceptual foundation of vibe coding and is enabled by advances in large language models. It dramatically lowers the barrier to entry for non-developers, though it still requires understanding of what good code looks like in order to review AI output effectively.

A canvas agent is an AI assistant that edits, refines, and structures a website directly on the design canvas while keeping the work editable.

In AI-assisted website creation, canvas agent helps teams move faster without losing control of structure, content, performance, or editable design details.

A CMS agent is an AI assistant that creates, organizes, imports, and updates CMS content so collection data stays connected to website pages.

In AI-assisted website creation, cms agent helps teams move faster without losing control of structure, content, performance, or editable design details.

An external agent is an AI tool outside Framer that connects to a project to inspect, update, or automate site work through an agent bridge.

In external AI agent workflows, external agent helps teams move faster without losing control of structure, content, performance, or editable design details.

A prompt loop happens when a designer repeatedly asks an AI for changes without being able to directly edit or control the resulting design.

In AI-assisted website creation, prompt loop helps teams move faster without losing control of structure, content, performance, or editable design details.

Reference recreation is the process of rebuilding a design from an image, URL, or example while preserving its layout, style, and visual hierarchy.

In AI-assisted website creation, reference recreation helps teams move faster without losing control of structure, content, performance, or editable design details.

An agent skill is an installed capability or command that lets an AI agent perform project-specific actions, such as connecting to Framer or editing a site.

In external AI agent workflows, agent skill helps teams move faster without losing control of structure, content, performance, or editable design details.

A responsive pass is a focused review and adjustment of layouts, spacing, type, and media across tablet and phone breakpoints.

In AI-assisted website creation, responsive pass helps teams move faster without losing control of structure, content, performance, or editable design details.

Auto-branching automatically separates agent or team changes into branches so the original project stays clean while work is reviewed.

In collaborative Framer workflows, auto-branching helps teams move faster without losing control of structure, content, performance, or editable design details.

A branch preview is a shareable version of work on a branch, used to review changes before merging or publishing them live.

In collaborative Framer workflows, branch preview helps teams move faster without losing control of structure, content, performance, or editable design details.

Merge to main is the action of bringing approved branch changes back into the primary project version before shipping them.

In collaborative Framer workflows, merge to main helps teams move faster without losing control of structure, content, performance, or editable design details.

Branch-aware cursors show collaborators in the correct branch context, so teams can review and edit without confusing separate versions of a project.

In collaborative Framer workflows, branch-aware cursors helps teams move faster without losing control of structure, content, performance, or editable design details.

AI site migration uses an agent to recreate pages, structure, styles, and CMS content from an existing site, export, or reference in Framer.

In AI-assisted website creation, ai site migration helps teams move faster without losing control of structure, content, performance, or editable design details.

Agent context is the project information, user intent, constraints, and prior conversation an AI agent uses to make accurate changes.

Agent context helps an AI system understand what it is editing and why. Strong context can include the selected page, existing CMS structure, current design patterns, and instructions from the user, which reduces generic or mismatched output.

An agent instruction is a rule or request that guides how an AI agent should plan, edit, format, or avoid certain actions.

Agent instructions shape the behavior of an AI assistant. They can describe tone, linking rules, CMS conventions, design constraints, or publishing boundaries so repeated work stays consistent across a project.

Framer’s transform controls can add dimensional motion and perspective to cards, mockups, and interaction states while keeping the elements editable on the canvas.

In Framer, tables in CMS rich text are useful for structured information like comparisons, specs, schedules, and reference data without building a separate custom layout for every entry.

In Framer CMS workflows, Markdown can help teams prepare content quickly before converting it into rich text, pages, or structured collection entries.

In Framer, code blocks help technical content stay readable by preserving indentation, syntax language, and visual contrast inside CMS-driven articles or reference pages.

In Framer CMS content, blockquotes help editors highlight excerpts, testimonials, callouts, or cited material while keeping the content semantically structured.

In Framer, static generation helps performance by serving ready-made pages wherever possible, reducing runtime work and making published sites feel faster.

In Framer, edge caching improves performance by reducing distance and server work for published pages and assets, helping sites respond quickly around the world.

In Framer hosting, compression helps improve performance by shrinking files like scripts, styles, and markup before they travel over the network.

In Framer, SEO-ready sites combine editable metadata, clean page structure, fast loading, responsive layouts, and publishing tools that help pages perform well in search.