La velocidad de tu sitio es uno de los factores importantes para tener una mejor experiencia de usuario y un mejor posicionamiento en buscadores pero, ¿sabes por qué tu sitio es rápido o lento?, ¿qué elementos afectan a la velocidad y cómo prevenirlos o corregirlos? Existen cantidad de elementos, conocidos o no, dentro de nuestro proyecto web normalmente desarrollado con un CMS que pueden incidir en el rendimiento y en una posible mala experiencia, aumento de costes e incluso generar pérdidas en las ventas. Descubre los factores que pueden afectar en la velocidad de carga de las páginas de tu web y en el rendimiento en general. Congreso Web 2019 #CW19

1. @SiteGround_ES#CW19
Tu posicionamiento mejora
con la velocidad de tu web
¡WPO para todos!

2. @SiteGround_ES#CW19
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, los últimos 12 años
trabajando en tecnologías open source para medios de
comunicación online y comercio electrónico.
Consultor Enterprise at

3. @SiteGround_ES#CW19
LA VELOCIDAD DE TU WEB

4. @SiteGround_ES#CW19
¿IMPORTA?

5. @SiteGround_ES#CW19
Source: Google/SOASTA Research, 2017

6. @SiteGround_ES#CW19
Research from Doubleclick (owned by Google)

7. @SiteGround_ES#CW19
2018, Pingdom

8. @SiteGround_ES#CW19
Rebuilding Pinterest pages for
performance resulted in a 40% decrease
in wait time, a 15% increase in SEO traffic
and a 15% increase in conversion rate to
signup.

9. @SiteGround_ES#CW19
“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 at Google

10. @SiteGround_ES#CW19
TODO INDICA QUE SÍ

11. @SiteGround_ES#CW19
¿SOLUCIÓN?

12. @SiteGround_ES#CW19
Aplicar estrategias WPO
a tu proyecto

13. @SiteGround_ES#CW19
¿WPO = VELOCIDAD?
NO

14. @SiteGround_ES#CW19
¿WPO = PERCEPCIÓN?
TAMPOCO

15. @SiteGround_ES#CW19

16. @SiteGround_ES#CW19
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
en cualquier momento
WPO

17. @SiteGround_ES#CW19
Para aplicar WPO, lo
primero es conocer
qué factores afectan al
rendimiento

18. @SiteGround_ES#CW19
FACTORES RENDIMIENTO
Usuario:
- Conectividad
- Geolocalización
- Dispositivo
1

19. @SiteGround_ES#CW19
FACTORES RENDIMIENTO
Servidor:
- Software
- Configuración
- Degradación
2

20. @SiteGround_ES#CW19
FACTORES RENDIMIENTO
Hosting:
- Localización del CPD
- HW & SW
- Soporte y mantenimiento
- Tecnologías 3

21. @SiteGround_ES#CW19
FACTORES RENDIMIENTO
Core
Plataforma o framework
CMS
4

22. @SiteGround_ES#CW19
FACTORES RENDIMIENTO
Plantillas o Temas
Plugins o Módulos o Extensiones
Código
Servicios de terceros
5

23. @SiteGround_ES#CW19
FACTORES RENDIMIENTO
Diseño:
- Visual
- Lógico
6

24. @SiteGround_ES#CW19
→ Mejor UX
→ Mayor conversión
→ Mejor posicionamiento
→ Reducir costes
→ Última tecnología
Buscamos con WPO

25. @SiteGround_ES#CW19
✓ Eliminar lo superfluo o no necesario o duplicado
✓ 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
✓ Aplicar lo último en tecnología
✓ Reducir el impacto de los recursos de terceros
✓ Sentido común
Principales estrategias WPO

26. @SiteGround_ES#CW19
BUENAS PRÁCTICAS

27. @SiteGround_ES#CW19

28. @SiteGround_ES#CW19

29. @SiteGround_ES#CW19

30. @SiteGround_ES#CW19

31. @SiteGround_ES#CW19
¿Cómo abordar las
estrategias WPO?

32. @SiteGround_ES#CW19
ETAPA 1
Medir.
No puedes optimizar lo que no puedes
medir

33. @SiteGround_ES#CW19
ETAPA 2
Identificar los puntos de mejora

34. @SiteGround_ES#CW19
ETAPA 3
Identificar cómo mejorar esos puntos.
¿Es rentable? ¿Podemos realizarlo?

35. @SiteGround_ES#CW19
ETAPA 4
Conocer tecnologías, soluciones,
plataformas o servicios que nos aporten
esas mejoras

36. @SiteGround_ES#CW19
ETAPA 5
Implementar, probar y volver a medir

37. @SiteGround_ES#CW19
WPO es un escenario de
mejora continua,
analizar: ¿esto me hace
falta a mi?

38. @SiteGround_ES#CW19
→ No hay dos proyectos iguales, pero muchos
comparten una base similar
→ Empezar desde el mismo momento del arranque
→ Ciertas optimizaciones se vuelven obsoletas por
cambios tecnológicos
Sugerencias

39. @SiteGround_ES#CW19
Todo proyecto web es
optimizable

40. @SiteGround_ES#CW19
¡GRACIAS!