omexpo 2017 - rendimiento y optimización
TRANSCRIPT
RENDIMIENTO Y OPTIMIZACIÓN
Estrategias para tu web
@SiteGround_ES
Fernando Puente @fpuenteonline Informático de vocación y de profesión CTO para La Estrategia de Chapman Consultor y colaborador de SiteGround Formador
#SGConference
Rendimiento y
optimización para tu web
@SiteGround_ES #SGConference
¿Importante una web
rápida y optimizada?
@SiteGround_ES #SGConference
“40% of users abandon an
article if it doesn't load after
six seconds”
@SiteGround_ES #SGConference
Danny Bernstein, Google
500ms delay,
+26% user’s frustration
@SiteGround_ES #SGConference
Radware Blog
500ms delay,
-20% Google’s traffic
@SiteGround_ES #SGConference
+100ms delay,
-1% Amazon’s sales
@SiteGround_ES #SGConference
-2.2s page load,
+15% downloads
@SiteGround_ES #SGConference
Firefox
+60% faster,
+14% donations
@SiteGround_ES #SGConference
Obama campaign
Todo indica que sí
@SiteGround_ES #SGConference
BUSCAMOS
Mejor UX
Mejor posicionamiento
Mayor conversión
Menores costes
Última tecnología
@SiteGround_ES #SGConference
¿SÓLUCIÓN?
@SiteGround_ES #SGConference
Aplicar estrategias WPO
a tu proyecto WEB
@SiteGround_ES #SGConference
¿WPO = VELOCIDAD?
NO
@SiteGround_ES #SGConference
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 en cualquier momento
@SiteGround_ES #SGConference
Para aplicar WPO, lo
primero es conocer los
factores que afectan al
rendimiento de una web
@SiteGround_ES #SGConference
FACTORES RENDIMIENTO
Usuario: - Conectividad - Geolocalización - Dispositivo
@SiteGround_ES #SGConference
1
FACTORES RENDIMIENTO
Servidor: - Software - Configuración - Degradación
@SiteGround_ES #SGConference
2
FACTORES RENDIMIENTO
Hosting: - Localización del CPD - HW & SW - Soporte y mantenimiento - Tecnologías
@SiteGround_ES #SGConference
3
FACTORES RENDIMIENTO
Core Plataforma o framework CMS
@SiteGround_ES #SGConference
4
FACTORES RENDIMIENTO
Plantillas o Temas Plugins o Módulos o Extensiones Código
@SiteGround_ES #SGConference
5
FACTORES RENDIMIENTO
Diseño: - Visual - Lógico
@SiteGround_ES #SGConference
6
Todo proyecto web es
optimizable
@SiteGround_ES #SGConference
ESTRATEGIAS
- 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
@SiteGround_ES #SGConference
¿Cómo abordar las
estrategias WPO?
@SiteGround_ES #SGConference
ETAPA 1
Medir. No puedes optimizar lo que no puedes medir
@SiteGround_ES #SGConference
ETAPA 2
Identificar los puntos de mejora
@SiteGround_ES #SGConference
ETAPA 3
Identificar cómo mejorar esos puntos. ¿Es rentable? ¿Podemos realizarlo?
@SiteGround_ES #SGConference
ETAPA 4
Conocer tecnologías, soluciones, plataformas o servicios que nos aporten esas mejoras
@SiteGround_ES #SGConference
ETAPA 5
Implementar, probar y volver a medir
@SiteGround_ES #SGConference
WPO es un escenario de
mejora continua, analizar:
¿esto me hace falta a mi?
@SiteGround_ES #SGConference
SUGERENCIAS
- No hay dos proyectos iguales, pero todos
comparten una base similar
- Empezar desde el mismo momento del arranque
- Ciertas optimizaciones se vuelven obsoletas por
cambios tecnológicos
@SiteGround_ES #SGConference
FUTURO TECNOLÓGICO
Offline-First: uso de Service Workers
Sitios mobile-only
Extender los formatos AMP y FIA
Internet asíncrono y seguro
Nuevos algoritmos de compresión: Zopfli o Brotli
Nuevos formatos de imagen: WebP o BPG @SiteGround_ES #SGConference
Gracias
@SiteGround_ES #SGConference