Optimización de Performance

Google usa Core Web Vitals para rankear sitios.

Core Web Vitals

1. LCP - Largest Contentful Paint
2. FID - First Input Delay
3. CLS - Cumulative Layout Shift

Optimizar LCP

import Image from 'next/image';

function Hero() {
  return (
    <Image
      src="/hero.jpg"
      width={1200}
      height={600}
      priority
      placeholder="blur"
    />
  );
}

Code Splitting

import dynamic from 'next/dynamic';

const HeavyComponent = dynamic(() => import('./HeavyComponent'), {
  loading: () => <p>Loading...</p>
});

Los Core Web Vitals afectan SEO. Optimiza continuamente.