Imágenes y recursos

Las imágenes y recursos son uno de los principales factores que afectan al peso de una página web.

Una mala optimización puede ralentizar significativamente la carga del sitio.

Impacto de las imágenes en la velocidad

Las imágenes suelen representar la mayor parte del peso total de una página.

Optimizar imágenes mejora el rendimiento sin afectar a la calidad visual.

Formatos de imagen recomendados

Elegir el formato correcto es clave para reducir el tamaño.

• WebP
• AVIF
• JPEG optimizado
• PNG solo cuando sea necesario

Dimensiones correctas

Las imágenes deben subirse con el tamaño exacto en el que se mostrarán.

No tiene sentido cargar una imagen grande y reducirla con CSS.

Compresión de imágenes

La compresión reduce el peso manteniendo una buena calidad.

Puede ser con o sin pérdida según el caso.

Carga diferida de imágenes

El lazy loading permite que las imágenes se carguen solo cuando entran en el viewport.

Esto reduce el tiempo de carga inicial.

Optimización de recursos externos

Los recursos externos como fuentes o scripts de terceros también afectan al rendimiento.

• Google Fonts
• Widgets externos
• Scripts de analítica

Uso de CDN

Un CDN distribuye los recursos desde servidores cercanos al usuario.

Esto mejora la velocidad y la estabilidad.

Optimización en WordPress

WordPress incluye algunas optimizaciones por defecto, pero suele ser necesario reforzarlas.

• Plugins de optimización de imágenes
• Lazy loading nativo
• Gestión de fuentes

Errores comunes

• Subir imágenes sin optimizar
• Usar formatos incorrectos
• No definir tamaños
• Abusar de recursos externos

Optimizar imágenes y recursos es una de las mejoras más rápidas y efectivas en SEO técnico.