Resumen de algunas estrategias sencillas de WPO (Web Performance Optimization) para mejorar la velocidad de carga de nuestras webs en Worpress

1. “Estar vivo significa correr”
Barry Allen
/school/aula-cm /aulaCM /aulaCM

2. • Profesor de Marketing online
en Aula CM: Especialista en
Analítica Digital y Marketing
de Buscadores (SEO/SEM)
• Socio y Consultor de
marketing online en Punk
Media
• Me encantan los juegos de
Super Mario, Pacman, Zelda
y las aventuras gráficas.
/ adriangarrido / agarrido_t

3. Web
Performance
Optimization

4. ¡Qué desastre! Mi
página web es más
lenta que una patada de
una Tortuga bajo el
agua a cámara lenta…

6. Mejora la experiencia del usuario y la tasa de conversión: Según los datos de Google, el
50% de los usuarios esperan que un sitio web se cargue en menos de dos segundos, y por
cada segundo extra aumenta la posibilidad de que el usuario abandone la web.
Según el estudio de Deloitte: Milliseconds make Millions

7. Beneficia a tus campañas en Google Ads: Una landing page que carga rápidamente es uno
de los factores más importantes del nivel de calidad (Quality Score) de una campaña de
Google Ads.
Por tanto, tener un alto “Nivel de Calidad”:
• Mejora la posición media de nuestros anuncios
• Reduce el CPC real de nuestros clics
Posición: Ad Rank = CPC Max * Quality Score
CPC Real Anunciante A = Ad Rank B / Quality Score
CPC Real Anunciante B = Ad Rank C / Quality Score
CPC Real Anunciante C = Ad Rank D / Quality Score

8. Mejora la visibilidad en Google (SEO: indexación y “crawling”)
El WPO cada vez es uno de los factores on-page que más influye en el SEO, ya que es uno de
los que más influye en el usuario. Tengamos en cuenta la relevancia de las “Core Web
Vitals” (Métricas Web Esenciales) desde 2021:
 LCP → Largest Contentful Paint (procesamiento de imagen con contenido más grande)
 FID → First Input Delay (retraso de primera entrada)
 CLS → Cumulative Layout Shift (cambio de diseño acumulado)

11. El alojamiento web influye en el rendimiento de nuestro sitio ya que afecta directamente
al rendimiento. Algunos aspectos importantes que debes tener en cuenta al elegir un
alojamiento son:
• Adaptado a Wordpress (p.e: Optimización de Consultas BBDD MySQL)
• Velocidad → ¿Ubicación? VS. TTFB (Time To First Byte)
• Tipo de Disco → SSD (más rápido)
• Servidor LiteSpeed o Nginx (más potentes)
• Protocolo HTTP/2 (optimiza peticiones al servidor)

12. • Limitación y picos de tráfico
• Escalabilidad de recursos → almacenamiento, RAM…
• Versión de PHP → la última estable: PHP 8.2. hasta 11/2023
• ¿CDN? → p.e: Cloudflare CDN, Amazon CloudFront, KeyCDN…
• Atención al cliente → Teléfono, Mail…
• Recuerda: no sólo es necesario un buen servidor, sino configurarlo y adaptarlo a las
necesidades específicas de nuestra web

13. Las imágenes suelen ser uno de los factores que afectan de
forma más negativa a la velocidad de carga. Por tanto,
tratemos de…
• Utilizar nuevos formatos de imágenes (webP VS. JPG y PNG)
• Peso excesivo de imágenes: no deberían superar los 100 kb
→ Antes de subirlas: TinyPNG, ShortPixel o Kraken.io
→ Después de subirlas: SiteGround Optimizer, Optimizador.io y
WP Smush
• Sustituye tu “slider” por una imagen estática
• Implementa un sistema de carga diferida de imágenes: “lazy
load”.
• Tamaño de imágenes (cuidado con copias en diferentes
medidas: sobre todo con WooCommerce)

14. Es especialmente delicado el proceso de
seleccionar una plantilla para nuestro proyecto
web.
• Minimalismo: Utiliza plantillas sin
funcionalidades adiciónales y/o muchos
plugins. (p.e: sliders, RRSS)
• Diseño Responsive y/o prestaciones
específicas para móviles.
• Proveedores de confianza y reconocidos: lee
reseñas, haz pruebas, revisa webs que la
utilicen…
• No debe pesar más de 10 MB comprimida
• Borra las plantillas que no utilices
• No debe cargar fuentes web, y si lo hace
ofrecer la posibilidad de precargarlas y
almacenarlas en caché (p.e: Siteground
Optimizeer o WP Rocket).

15. Es uno de los elementos de la web que más recursos del sistema pueden consumir (p.e: RAM y
CPU) y más perjudica el WPO.
• Mantén sólo los plugins que necesites y elimina/deshabilita las funciones que no utilices
• Piensa: ¿Qué plugins verdaderamente necesito? Borra los plugins que ya no utilices o que
sólo utilizas en momentos puntuales.
• Actualiza los plugins con frecuencia.
• Utiliza “Query Monitor” para ver qué plugins pesan más tras instalarlos. ¡¡No olvides
borrarlo después!! 🤣

16. Mediante el caché en WP creamos y almacenamos
copias estáticas de consultas dinámicas.
• Hay diferentes plugins de caché: WP Rocket, WP
Super Caché, W3 Total Caché… ¡Aprende a sacarle
todo el partido!
• Hay servidores que incluyen funciones de caché
adicionales (p.e: Siteground, Webempresa…).
• Es una de las funciones que más suele reducir la
velocidad de carga de una web.
• Define la vida útil del caché en 10 horas aprox.

17. Optimiza tu Web para dispositivos móviles
• Filosofía “Mobile First” → cada vez más
usuarios vienen desde móviles
• Problemas con Velocidades → 2G, 3G, 4G o
LTE (p.e: según zonas o países)
• Tratemos de mostrar solo lo que los
usuarios necesitan ver en el móvil VS.
Versión “encogida” de la web.
• Utiliza la web “Mobile-Friendly de Google”
• Si la plantilla no es responsive → WP Touch
• ¿Versión AMP?

18. Compresión GZIP y archivos HTML, CSS y JS. Tratemos de…
• Habilitamos la compresión GZIP: la mayor parte de
servidores actuales lo admiten
• Combina y Minimiza los archivos HTML, CSS y JS: quita del
código comentarios, espacios en blanco, tabulaciones… y
reduce peticiones el servidor.
• Renderiza tus CSS y JS:

19. • Configuración del “Modo mantenimiento”
• Actualización de plugins y plantillas
• Revisar y actualizar nuevas versiones de WP
• Revisión periódica del WPO
• Revisión y limpieza de las BBDD
• Detección de problemas de seguridad
• Gestión adecuada de copias de seguridad
• Limpieza de borradores, basura…
• Revisión de enlaces rotos y errores 404
• Gestionar posibles incidencias
• Gestión de comentarios
• Respuesta a incidencias

21. • Cuidar las redirecciones 301 y 302: aumentan el tiempo de
carga innecesariamente.
• Gestión de copias de seguridad: pueden restar recursos al
servidor
• Utiliza capa de imágenes en vídeos insertados en la web
• No hagas demasiadas llamadas a elementos externos a la
web (p.e: fuentes, rrss…) y aloja contenido multimedia en
servidores externos (p.e: Youtube, Vimeo…)
• Hot linking: puedes bloquearlo en Cpanel.
• Desactivar el fichero wp-cron.php de WP: desde Cpanel. Así
no se activan tareas automáticas con cada visita.
• Limpia periódicamente y optimiza la BBDD de Wordpress
• Carga selectiva/condicional de elementos web (p.e:
Precarga de recursos externos: fuentes, scripts…) y
etiquetas de Tag Manager (p.e: GA4 / Pop -ups)
• Las pruebas con Gaseosa: trincheradev.com o Local by
Flywheel

22. Revisa a fondo la configuración, funciones, manuales y plugins de:
• Tu servicio de hosting (p.e: Cpannel)
• Tu/s plugins de WPO (p.e: WP Rocket)

24. 1. Revisa y configura las funciones de WPO de tu servidor
2. Define y configura los plugins de WPO que vas a utilizar
3. Puede haber páginas de tu web que tarden más en cargar
que otras: Esto puede ser un problema especialmente si…
• Es una de las páginas más visitadas
• Es una de las páginas más importantes para el negocio
• PRIORIZA: Haz un listado con el top 10-20 URLs más
visitadas de tu web según GA4
• Revisa su velocidad de carga
• Calcula la media
• Mira todas aquellas que más se desvían de la media
negativamente
• Añade las más importantes a nivel de negocio
• ¡¡Centra tus optimizaciones en éstas!!

25. ⌚​😮💨
¡A mejorar el
WPO de vuestras
webs!