> ## Documentation Index
> Fetch the complete documentation index at: https://base-a060aa97-feat-minikit-docs-revamp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Optimization Techniques
> Practical recipes to meet performance budgets for Base MiniApps
# Optimization Techniques
Use these techniques to hit the Performance Budgets.
## Code splitting and lazy loading
```tsx
const Page = lazy(() => import("./Page"));
}>
{" "}
{" "}
;
```
Tips:
* Split routes and heavy components
* Avoid hydrating full‑screen loaders; render meaningful content first
## Preload critical resources
```html
```
## Responsive images
```html
```
## Use modern formats with fallbacks
```html
```
## Server headers
```js
res.set("Cache-Control", "public, max-age=31536000, immutable");
res.set("Vary", "Accept-Encoding");
```
## Network hints
```html
```
## JS performance
* Prefer `transform`/`opacity` animations
* Memoize expensive computations
* Avoid large polyfills; target only needed features
## Monitoring and budgets
* Integrate Web Vitals reporting
* Set Lighthouse budgets and run in CI
```
## Use modern formats with fallbacks
```html