Claves para una buena optimización web que mejore el rendimiento de todo proyecto online. Fernando Puente presentó las pautas a seguir durante el evento "Fabuloso Madrid", organizado por SiteGround. Revive ahora su presentación y aprende de un gran experto.

1. Pilares WPO
FUNDAMENTOS Y ESTRATEGIAS

2. BIO
Informático de vocación y de profesión
21 años de experiencia en TI, los últimos 11 en medios
de comunicación online
CTO de La Estrategia de Chapman
Formador para no técnicos
Consultor y colaborador de SiteGround
@fpuenteonline

3. WPO

4. “40% of users abandon an article if it
doesn't load after six seconds”
Danny Bernstein, Google

5. 500ms delay, -20% Google’s traffic

6. +100ms delay, -1% Amazon’s sales

7. +60% faster, +14% donations
Obama campaign

8. LA PERCEPCIÓN

9. LA PERCEPCIÓN

10. FACTORES DE RENDIMIENTO WEB
- Usuario: conectividad, localización y dispositivo
- Servidor (software/configuración/degradación)
- Hosting
- Core/Plataforma/CMS
- Plantillas/Temas/Plugins/Módulos/Código
- Diseño lógico y visual

11. SOLUCIÓN

12. SOLUCIÓN

13. SOLUCIÓN
APLICAR ESTRATEGIAS WPO
A TU PROYECTO

14. BUSCAMOS
- Mejor UX
- Mejor posicionamiento
- Mayor conversión
- Menores costes
- Nuevas tecnologías

15. ¿WPO = VELOCIDAD?
NO

16. 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. - Eliminar lo superfluo o no necesario o duplicado
- Optimizar el rendimiento de los recursos
- Diseñar una solución única para cada sesión de
usuario, no "una para todo"
- Liberar de carga los recursos
- Aplicar lo último en tecnología
ESTRATEGIAS

18. Localización del CPD
Optimización Hardware & Software
Soporte especializado
Actualizaciones y mantenimiento
Implementación de tecnología: SSL o HTTP/2
HOSTING Y WPO

19. Medir. No puedes optimizar lo que no puedes medir
Identificar los puntos de mejora
Identificar cómo mejorar esos puntos. ¿Rentable?
Conocer tecnologías, plataformas, servicios que nos
aporten mejoras
Implementar, test y medir
ETAPAS

20. WPO es un escenario de mejora
continua, analizar: ¿esto me hace
falta a mi?

21. No hay dos proyectos iguales, pero todos comparten
una base similar
Empezar desde el mismo momento del arranque de
proyecto
Ciertas optimizaciones se vuelven obsoletas cuando
cambiamos de arquitectura
SUGERENCIAS

22. Hagamos que toda la empresa
sea responsable de la velocidad
de la web

23. Los nuevos entornos como IoT o automatizados,
también requieren estrategias de mejora y
optimización, no sólo la Web que conoce el usuario
WPO SE QUEDA PEQUEÑO

24. Internet Performance Optimization

25. Service Performance Optimization

26. Offline-First: uso de Service Workers
Diseño mobile-only
Internet asíncrono y seguro
Extender los formatos AMP y FIA
Algoritmos de compresión: Zopfli y el futuro Brotli
Formatos de imagen: WebP o BPG
FUTURO

27. Gracias