5.1Optimización del rendimiento y velocidad
Lo esencial en 30 segundos
- La velocidad es un reto mayor: un sitio lento hace huir y perjudica el posicionamiento.
- Palanca n.º 1: las imágenes — comprimirlas y dimensionarlas correctamente.
- Completar con: caché, alojamiento de calidad, tema ligero, opciones de optimización de Elementor.
Hilo conductor — Nadia acelera el sitio
Antes de entregar, Nadia prueba la velocidad del sitio del carpintero: lento, sobre todo en móvil. Las fotos de taller pesan varios MB cada una. Las comprime, instala un plugin de caché, activa las opciones de rendimiento de Elementor. El sitio pasa de "pesado" a "rápido" — y los visitantes se quedan.
Inicio del nivel 5 — preparar un sitio listo para entregar.
1. Las imágenes, palanca n.º 1
El rendimiento (velocidad de carga) es un reto mayor: un sitio lento hace huir a los visitantes y penaliza el posicionamiento. Las imágenes suelen ser la primera causa de lentitud: se comprimen, se dimensionan al tamaño de visualización y se usa un formato moderno (WebP) cuando es posible.
Nadia reduce sus fotos de taller de varios MB a unos cientos de KB: la ganancia es inmediata.
2. Caché, alojamiento, Elementor
Otras palancas: un plugin de caché (almacenamiento en caché de páginas, minificación CSS/JS, carga optimizada); un alojamiento de calidad (recursos, PHP reciente); un tema ligero (Hello Elementor); y las opciones de optimización de Elementor (contenedores Flexbox más ligeros que secciones/columnas, carga optimizada de fuentes/iconos).
Referencia: los Core Web Vitals (indicadores de Google) miden la velocidad percibida. Nadia prueba con una herramienta de medición antes/después y apunta al verde.
🔎 Ejemplo concreto — Acelerar antes de entregar (caso Nadia)
Medición inicial: lento (móvil).
1. Comprimir las fotos (MB → cientos de KB, WebP).
2. Instalar un plugin de caché (minificación, caché de páginas).
3. Tema ligero (Hello Elementor) + contenedores Flexbox.
4. Medir de nuevo: Core Web Vitals en verde.Resultado: un sitio claramente más rápido.
Lección: imágenes primero, luego caché y opciones.
Vocabulario de la sección
- Rendimiento (velocidad)
- La rapidez de carga del sitio — reto mayor para la experiencia y el SEO.
Ejemplo sencillo: un sitio rápido retiene a los visitantes.
Lo que no es: juzgarlo "bastante rápido" sin medir.
Reflejo: medir la velocidad, sobre todo en móvil.
- Optimizar las imágenes (palanca n.º 1)
- Comprimir y dimensionar las imágenes (WebP): primera causa de lentitud.
Ejemplo sencillo: fotos reducidas de MB a cientos de KB.
Lo que no es: subir fotos en bruto de varios MB.
Reflejo: comprimir siempre antes de insertar.
- Caché y optimización
- Caché de páginas, minificación CSS/JS, carga optimizada (plugin de caché).
Ejemplo sencillo: un plugin de caché acelera la representación.
Lo que no es: ningún almacenamiento en caché en un sitio público.
Reflejo: un plugin de caché en un sitio en producción.
- Alojamiento y tema ligero
- Un alojamiento de calidad (PHP reciente) y un tema mínimo (Hello Elementor).
Ejemplo sencillo: tema ligero + buen alojamiento = base sana.
Lo que no es: tema multiusos pesado + alojamiento limitado.
Reflejo: base ligera desde el principio.
- Core Web Vitals
- Los indicadores de velocidad percibida (Google), a apuntar al verde.
Ejemplo sencillo: medir antes/después de la optimización.
Lo que no es: ignorar la medición y entregar "a ojo".
Reflejo: medir, optimizar, re-medir.
En la práctica — Optimizar la velocidad de un sitio
- Mide la velocidad (herramienta de Core Web Vitals), sobre todo en móvil.
- Comprime y dimensiona las imágenes (formato WebP si es posible).
- Instala un plugin de caché (minificación, almacenamiento en caché).
- Comprueba el tema ligero y las opciones de Elementor, luego re-mide.
Guion listo para decir — valorar la velocidad al cliente (20 s)
"He optimizado la velocidad de su sitio, sobre todo en móvil donde la mayoría de sus clientes lo consultan. Al comprimir las fotos y activar el almacenamiento en caché, las páginas cargan mucho más rápido — lo que retiene a los visitantes y ayuda a su posicionamiento."
Ligar velocidad → retención → posicionamiento → negocio.
Plantilla para copiar y pegar — comprobación de rendimiento
MEDICIÓN INICIAL (móvil): _______________
IMÁGENES COMPRIMIDAS / WEBP / DIMENSIONADAS: sí / no
CACHÉ INSTALADA (minificación): sí / no
TEMA LIGERO + ALOJAMIENTO OK: sí / no
CORE WEB VITALS DESPUÉS (¿verde?): _______________Muchas imágenes
Prioridad absoluta a la compresión y al buen formato (WebP).
Alojamiento modesto
Caché + tema ligero + PHP reciente compensan en parte.
Móvil
Medir primero en móvil: es donde la lentitud penaliza más.
Antes de entregar
Re-medir siempre tras la optimización, apuntar al verde.
✓ Buenas prácticas
- Comprimir las imágenes como prioridad.
- Instalar un plugin de caché en producción.
- Medir antes/después (Core Web Vitals).
✗ Errores frecuentes
- Subir imágenes pesadas sin comprimir.
- Olvidar la caché en un sitio público.
- Juzgar la velocidad "a ojo" sin medir.
Puntos clave
- La velocidad es un reto de negocio y SEO.
- Imágenes = palanca n.º 1 (comprimir, WebP).
- Caché + alojamiento + tema ligero + opciones de Elementor.
- Medir los Core Web Vitals, apuntar al verde.
Reto 48h — aplica mañana
Mide la velocidad de una página en móvil, comprime sus imágenes (WebP), activa una caché, luego re-mide. Anota la ganancia. 30 minutos.
- Comprimo y dimensiono mis imágenes.
- Activo una caché en producción.
- Mido los Core Web Vitals antes/después.
Preguntas frecuentes
¿Qué es lo primero que optimizar?
Las imágenes: a menudo la principal causa de lentitud. Comprímelas, dimensiónalas al tamaño de visualización y usa el formato WebP cuando sea posible.
¿Qué son los Core Web Vitals?
Indicadores de Google que miden la velocidad y la estabilidad percibidas de una página. Se apunta al "verde" y se mide antes/después de la optimización.
¿Basta un plugin de caché?
Ayuda mucho (caché, minificación), pero se combina con imágenes optimizadas, un alojamiento correcto y un tema ligero para un resultado duradero.
El sitio del carpintero es lento en móvil, con fotos de varios MB. ¿Por dónde empezar?