5 minutos 22 sept, 2025
RendimientoNetlifyCDN
Primeras cosas que revisar para que tu sitio cargue más rápido
Empieza con un chequeo rápido
Abre tu sitio en el navegador y ejecuta Google Lighthouse. El informe de colores te muestra rendimiento, accesibilidad y SEO. Guarda una captura para comparar más adelante.
Deja que Netlify haga el trabajo pesado
- Red global: Netlify sirve tus páginas desde servidores cercanos a cada visitante, así el primer byte llega antes.
- Deploys atómicos: Cada publicación empaqueta tu sitio completo, evitando lentitudes raras por archivos a medio subir.
- Reversiones instantáneas: Si un deploy se siente más lento, vuelve atrás con un clic y analiza con calma.
Usa un CDN para tus imágenes
Editar cada imagen a mano lleva horas. Un CDN (Content Delivery Network) puede redimensionar, comprimir y convertir formatos al vuelo. Opciones populares:
- Netlify Image CDN: Integrado en Netlify. Usa el componente
<NuxtImg>
o URLs directas con parámetros de ancho y calidad. - Cloudinary: Transformaciones potentes, recortes inteligentes y borrado de fondo.
- Imgix: Redimensionado bajo demanda, nitidez y cambios de formato flexibles.
- ImageEngine: Compresión según el dispositivo que equilibra calidad y velocidad.
Pasos prácticos para hoy
- Cambia las etiquetas de imagen a
<NuxtImg>
. El componente habla con tu proveedor y pide el mejor formato (WebP o AVIF) para cada visita. - Añade ancho y alto. Definir el tamaño evita saltos de diseño y acelera la sensación de carga.
- Activa la carga diferida. Carga imágenes solo cuando entren en pantalla para que la parte superior aparezca casi al instante.
- Configura caché inteligente. Usa el archivo
_headers
de Netlify para que los recursos estáticos se queden más tiempo en el edge. - Comprime archivos de texto. Activa Brotli o gzip en Netlify para enviar CSS y JS más pequeños.
Mantén las mejoras
- Programa una revisión mensual con Lighthouse para detectar regresiones.
- Elimina scripts o fuentes que ya no uses; cada petición extra frena la página.
- Agrupa scripts de analítica y marketing o cárgalos después del contenido principal.
- Enseña al equipo editor a subir imágenes de alta calidad; deja que el CDN haga la magia de redimensionado.
Un sitio veloz se siente ligero de navegar. Con Netlify y un CDN de imágenes manejando el trabajo duro, puedes concentrarte en el contenido mientras cada visita disfruta de una experiencia fluida.