Tiempos de carga rápidos
Técnicas para mejorar el rendimiento del sitio.
Core Web Vitals
- Web Vitals
- Métricas de rendimiento centradas en el usuario
- Definición de los umbrales de las métricas de Core Web Vitals
- Largest Contentful Paint (LCP)
- Cumulative Layout Shift (CLS)
- First Input Delay (FID)
- Optimice Largest Contentful Paint
- Cómo optimizar Cumulative Layout Shift
- Cómo optimizar First Input Delay
Definir los presupuestos de rendimiento
Optimizar sus imágenes
- Escoja el formato de imagen correcto
- Choose the correct level of compression
- Utilice Imagemin para comprimir imágenes
- Reemplace los GIF animados con video para cargas de página más rápidas
- Servir imágenes receptivas
- Sirve imágenes con las dimensiones correctas
- Usar imágenes WebP
- Utilice CDN de imágenes para optimizar imágenes
Optimizar su JavaScript
- Optimize long tasks
- Optimize Interaction to Next Paint
- Aplicar la carga instantánea con el patrón PRPL
- Reducir las cargas útiles de JavaScript con la división de código
- Eliminar el código no utilizado
- Minimice y comprima las cargas útiles de la red
- Serve modern code to modern browsers for faster page loads
- Publique, envíe e instale JavaScript moderno para obtener aplicaciones más rápidas
- Cómo CommonJS está tornando sus paquetes más grandes
Optimizar la entrega de recursos
- Redes de entrega de contenido (CDN)
- Prioritize resources
- Precarga de activos críticos para mejorar la velocidad de carga
- Establecer conexiones de red tempranas para mejorar la velocidad percibida de la página
- Recuperar recursos para acelerar las futuras navegaciones
- Fast playback with audio and video preload
- Optimize Time to First Byte