# Building Fast Websites Speed matters. Here's how to build lightning-fast websites. ## Core Web Vitals - **LCP** (Largest Contentful Paint): < 2.5s - **FID** (First Input Delay): < 100ms - **CLS** (Cumulative Layout Shift): < 0.1 ## Optimization Strategies ### 1. Code Splitting Bundle only what you need: ```typescript const Component = dynamic(() => import('./Component')) ``` ### 2. Image Optimization Use Next.js Image component: ```tsx import Image from 'next/image' export default function Hero() { return ( ) } ``` ### 3. Caching Leverage browser and server caching: ```typescript export const revalidate = 3600 // Revalidate every hour ``` Your users will thank you for the speed!
