OMEXPO 2017 - Rendimiento y optimización

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