Top Banner
Pilares WPO FUNDAMENTOS Y ESTRATEGIAS
27

Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

Jan 21, 2018

Download

Software

Fernando Puente
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

Pilares WPO FUNDAMENTOS Y ESTRATEGIAS

Page 2: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 3: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

WPO

Page 4: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

“40% of users abandon an article if it doesn't load after six seconds”

Danny Bernstein, Google

Page 5: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

500ms delay, -20% Google’s traffic

Page 6: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 7: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

+60% faster, +14% donations Obama campaign

Page 8: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

LA PERCEPCIÓN

Page 9: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

LA PERCEPCIÓN

Page 10: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 11: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

SOLUCIÓN

Page 12: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

SOLUCIÓN

Page 13: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

SOLUCIÓN

APLICAR ESTRATEGIAS WPO A TU PROYECTO

Page 14: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

BUSCAMOS - Mejor UX

- Mejor posicionamiento

- Mayor conversión

- Menores costes

- Nuevas tecnologías

Page 15: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

¿WPO = VELOCIDAD?

NO

Page 16: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 17: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

- 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

Page 18: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 19: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 20: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

WPO es un escenario de mejora continua, analizar: ¿esto me hace

falta a mi?

Page 21: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 22: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

Hagamos que toda la empresa sea responsable de la velocidad

de la web

Page 23: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 24: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

Internet Performance Optimization

Page 25: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

Service Performance Optimization

Page 26: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

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

Page 27: Pilares WPO - Fundamentos y estrategias - Fabuloso Madrid

Gracias