---
title: "Performance"
type: summary
tags: [docs, official-source, guides]
created: 2026-06-01
updated: 2026-06-01
sources: ["raw/docs/guides__performance.md"]
confidence: high
---

# Performance

## Key Points

- Official docs page: https://hyperframes.mintlify.app/guides/performance.md
- Docs-index description: How to keep preview playback smooth and diagnose expensive compositions.
- Category: `guides`.
- Main headings: Performance, Preview vs. render, Expensive CSS patterns, backdrop-filter: blur(), filter: blur() and filter: drop-shadow(), Shadows on many elements, Large gradients with mask-image, Image sizing.

## Relevant Concepts

- [[concepts/hyperframes-overview]]

## Source Metadata

- Source URL: https://hyperframes.mintlify.app/guides/performance.md
- Raw file: `raw/docs/guides__performance.md`
- Ingested: 2026-06-01
- Description from docs index: How to keep preview playback smooth and diagnose expensive compositions.