1. ¡WPO para todos!
Entendiendo los factores de
rendimiento

2. Fernando Puente
@fpuenteonline
Informático de vocación y de profesión, formador
ocasional y beginner de comer y beber.
Desde 1996 trabajando en TI, y desde 2006 trabajando
en tecnologías open source para medios de
comunicación online y comercio electrónico.
Consultor Enterprise para SiteGround

3. ¿Factores SEO?

4. La velocidad de tu web
¿Importa?

5. https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

8. “We’re seeing an extremely high
response-time for requests made to your
site (at times, over 2 seconds to fetch a
single URL). This has resulted in us severely
limiting the number of URLs we’ll crawl
from your site.” John Mueller - Google -
@JohnMu

9. “Web pages don’t have loading bars. So
when the page is slow, the visitor doesn’t
know if the delay will be another 500
milliseconds or 15 seconds. Maybe it will
never load. And the back button is right
there.” Andy Crestodina - Orbit Media

10. ¿Importa?
Sí

11. ¿Solución?

12. ¡Comprar mucho WPO!

13. ¡Comprar mucho WPO!
🤔

14. Web Performance Optimization

15. ¿WPO = Velocidad?
No

16. ¿WPO = Velocidad?
No, tampoco impresiones

18. Todo se puede medir

19. Entonces debemos aplicar
estrategias WPO
a tu proyecto

20. WPO
Estrategias y tareas de diseño, de desarrollo, de optimización,
de mejora del rendimiento, de gestión de los recursos y
herramientas disponibles, etc... todo ello orientado a que el
servicio que da nuestra web o proyecto online, sea el óptimo
para todos y cada uno de los usuarios que la visitan, en
cualquier soporte y dispositivo, y en cualquier momento.

21. Para aplicar WPO, lo
primero es conocer
qué factores afectan al
rendimiento para poder
evitarlos o corregirlos

22. FACTORES RENDIMIENTO
Usuario:
❏ Conectividad
❏ Geolocalización
❏ Dispositivo
❏ Configuración 1

23. Infraestructura:
❏ Tipología
❏ Localización del CPD
❏ HW & SW
❏ Soporte y mantenimiento
❏ Tecnologías
-
FACTORES RENDIMIENTO
2

24. FACTORES RENDIMIENTO
Servidor:
❏ Software
❏ Configuración
❏ Degradación
3

25. FACTORES RENDIMIENTO
Core
Plataforma o framework
CMS
Software Ad hoc
4

26. FACTORES RENDIMIENTO
5
Plantillas o Temas
Plugins/Módulos/Extensiones
Código
Servicios de terceros

27. FACTORES RENDIMIENTO
Diseño:
❏ Visual
❏ Lógico
- 6

28. Buscamos con WPO
→ Mejor posicionamiento
→ Mayor conversión
→ Mejor UX
→ Reducir costes
→ Ser más ecológicos

29. Principales estrategias WPO (I)
→ Eliminar lo superfluo, no necesario o duplicado (diógenes)
→ Optimizar el rendimiento de los recursos
→ Diseñar una solución óptima para cada sesión de usuario,
no "una para todo”
→ Liberar de carga los recursos

30. Principales estrategias WPO (II)
→ Aplicar lo último en tecnología
→ Reducir el impacto de los recursos de terceros

31. La mejor estrategia WPO es el
sentido común

32. Buenas prácticas

33. https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

34. https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

35. https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

36. https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

37. Cómo abordar las estrategias
WPO

38. PASO 1
Medir.
No puedes optimizar lo que no
puedes medir.

39. PASO 2
Identificar.
Encontrar los puntos de mejora,
propios o de terceros.

40. PASO 3
Cómo.
Identificar la forma de mejorar
esos puntos. ¿Es rentable?
¿Podemos realizarlo?

41. PASO 4
Análisis.
Conocer tecnologías, soluciones,
plataformas o servicios que nos
aporten esas mejoras.

42. PASO 5
Desarrollo.
Implementar, probar y volver a
medir, a medir, a medir, a medir, a
medir...

43. WPO es un escenario de mejora
continua, analiza:
¿ha cambiado algo en mi
entorno o en mi infraestructura o
en mi usuario o en mi negocio?

44. Sugerencias
→ No hay dos proyectos iguales, pero muchos comparten
una base similar
→ Empezar desde el mismo momento del inicio del proyecto
→ Ciertas optimizaciones se vuelven obsoletas por cambios
tecnológicos
→ El recurso más rápido es el que no se descarga

45. Todo proyecto digital es
optimizable

46. No perdáis oportunidades
por no aplicar WPO

47. Trendy en WPO
→ Lazy load nativo
→ Fuentes variables
→ Compresión brotli
→ HTTP/3
→ Imágenes WebP (81% navegadores)

48. Eskerrik asko