Todos queremos que nuestro proyecto con WordPress sea rápido, eficiente y ofrezca una experiencia de usuario satisfactoria. Sin embargo, hay ciertas prácticas comunes que pueden hacer que nuestro sitio sea lento, se degrade, o sea poco eficiente para ciertos dispositivos o redes, generando una mala experiencia de usuario y, finalmente, un peor posicionamiento en buscadores. Plataforma, arquitectura, tecnología, configuraciones, código, diseño, tema, plugins, mantenimiento…, en resumen, todo afecta en mayor o menor medida al rendimiento de tu web. Acompáñame en esta charla a identificar una gran cantidad de malas prácticas, puntos de mejora y ayudarte a encontrar soluciones para mejorar el WPO de tu proyecto con WordPress, garantizando así una mejor experiencia para tus usuarios y un mejor posicionamiento.

1. FERNANDO PUENTE - WordCamp Madrid 2023
¿Te preocupa el rendimiento de tu web?
No deberías estar haciendo esto…

2. Rendimiento
WPO
#WCMAD

3. Desde 1996 trabajando en Internet.
Informático de vocación y de profesión, formador
ocasional y un enamorado de comer y beber.
- Embajador de marca de
- Profesor Curso Superior de Periodismo Deportivo
- Consultor IT
Fernando Puente
@fpuenteonline
#WCMAD

4. Deberías estar un poco
preocupado si…
#WCMAD

5. en tu servidor…
#WCMAD

6. ❏ Tienes servicios delegables o duplicados en otros elementos de la red
❏ Las políticas de backup o de paso a producción afectan a tu web
❏ Usas WAF o recursos adicionales de seguridad activa/pasiva
❏ No usas estrategias de caché o una CDN
❏ No bloqueas visitas maliciosas
❏ Las versiones de software no están a la última
❏ La localización física no es cercana a tus usuarios
#WCMAD

7. y en tu código…
#WCMAD

8. ❏ Añades cabeceras HTTP no necesarias
❏ No aplicas carga condicional de JS
❏ No revisas el uso de tu sitio con mapas de calor
❏ Nunca utilizas herramientas de monitorización como Bugsnag, Datadog,
Sentry, X-Ray, New Relic o Grafana
#WCMAD

9. #WCMAD
Buscamos liberar
recursos del servidor

10. Deberías estar
preocupado si…
#WCMAD

11. #WCMAD
❏ La versión HTTP de tu servidor no está a la última
❏ El tamaño de la base de datos es inadecuado
❏ No gestionas el Heartbeat de tu sitio
❏ Usas cookies en contenidos estáticos
❏ Los elementos Above the fold (ATF) no tienen fetchpriority=high
❏ No utilizas prerender/preload para elementos externos críticos
❏ El contenido fuera de pantalla no se carga de manera aplazada
❏ El CSS crítico de tu página no es prioritario
❏ No utilizas carga condicional de plugins ni orden de carga de los mismos
❏ No revisas el orden de carga de los JS, y el orden entre los JS y los CSS
❏ El software de tu sitio no está actualizado
❏ No eliminas lo innecesario

12. #WCMAD
➔ Lo innecesario, lo superfluo, lo que no utilizas…
◆ Widgets/Bloques/Plugins no usados o código propio (PHP, CSS, JS)
◆ Minify de archivos de texto (CSS, JS, HTML, JSON, XML o SVG)
◆ Cabeceras HTML no necesarias
◆ Emojis/Dashicons
◆ REST API
◆ Feeds/Comentarios/Valoraciones/Pingbacks/Trackbacks
◆ Categorías y etiquetas sin uso
◆ Revisiones/Borradores/Basura
◆ Imágenes y miniaturas no necesarias
◆ Pruebas (en archivos y en base de datos)
◆ Usuarios de WordPress sin rol activo
◆ Registros en el servidor

13. Buscamos cargar sólo
los elementos necesarios
y en el mejor orden
posible
#WCMAD

14. Deberías estar bastante
preocupado si…
#WCMAD

15. #WCMAD
❏ No utilizas formatos de última generación (imagen o video) ni los
tamaños de imagen adecuados
❏ Tienes enlaces rotos en tu sitio
❏ Otras webs practican el hotlinking con tus recursos
❏ La compresión de los recursos de tipo texto no es óptima
❏ Las imágenes no prioritarias no tienen lazy load
❏ Se aplican redirecciones innecesarias
❏ El DOM de tu página es demasiado grande y profundo
❏ La complejidad de los elementos CSS es alta (usa el enfoque BEM)
❏ Utilizas fuentes tipográficas externas para tus textos
❏ El mantenimiento periódico de la base de datos es inexistente

16. Buscamos optimizar
cómo se carga la página
#WCMAD

17. Deberías estar muy
preocupado si…
#WCMAD

18. ❏ Tu sitio no tiene una experiencia adaptada a cada dispositivo
❏ El código CSS utiliza @import
❏ El hosting de tu proyecto no es de calidad ni especializado
❏ Añades a tu código scripts/iframes de terceros
❏ Aplicas en el htaccess demasiadas reglas, redundantes o desordenadas
❏ Manejas las redirecciones y los errores 404 de estáticos con WordPress
❏ Las tareas programadas no están supervisadas ni controladas
❏ Las cabeceras de control de caché no son correctas
❏ Tu DNS es lento o los registros no están correctamente configurados
#WCMAD

19. Buscamos optimizar la
experiencia del usuario
#WCMAD

20. “Si te preocupa el rendimiento
de tu web, sólo necesitas
sentido común e implementar
unas buenas prácticas”
#WCMAD

21. ¡Gracias!
#WCMAD