Mobile Sites

Talk for Google I/O Extended Lima 17.

Transcript

1. Sitios Web Móviles Victoria Ubaldo G. Software Engineer @VikyAle
2. ¿Cómo es la web que conocemos?
4. 2B dispositivos
5. 5B dispositivos conectados a la web
6. ` Visibilidad Formato ligero Presentación intuitiva
7. vs. Source: comScore Mobile Metrix, U.S., Age 18+, June 2015 13% 87% Mobile web Apps
8. 80% de tiempo gasta un usuario en solo 3 aplicaciones Source: comScore Mobile Metrix, U.S., Age 18+, June 2015
9. CERO Es el número promedio de aplicaciones instaladas por usuarios al mes Source: comScore Mobile Metrix, U.S., Age 18+, June 2015
10. Importancia de los sitios web móviles
11. ` Visibilidad Formato ligero Presentación intuitiva
12. ` Una sola compilación para todas las plataformas Adaptabilidad Costes reducidos Abierto para todos Seguimiento sencillo
13. de usuarios abandonan un sitio que toma más de 3 segundos en cargar. 53%
14. Velocidad de los sitios web móviles
15. ` Herramientas Básicas 1. Configurar DevTools demo
16. ` Herramientas Básicas 2. Emular experiencia de un usuario de dispositivo móvil Panel Network Capture Screenshots Disable Cache(Regular 3G)
17. ` Herramientas Básicas 3. Analizar solicitudes DomContentLoaded
18. Tecnologías Web Avanzadas
19. AMP Accelerated Mobile Pages
20. AMP HTML = Normal HTML Source: comScore Mobile Metrix, U.S., Age 18+, June 2015
26. PWA Progressive Web Apps
27. es un nuevo nivel en mejorar la calidad de la experiencia de uso Progressive Web Apps
30. Capacidad
31. Capacidad Alcance
32. Capacidad Alcance
33. Capacidad Alcance
34. Capacidad Alcance
35. Confiable Rápida Engaging (Involucrar al usuario) La experiencia de uso necesita ser...
38. `
39. ¿Cómo empiezo?
40. Tres enfoques para PWA-ifying desde el principio una sola característica una versión simple
46. ` 70% de bytes de tráfico en internet es video
47. ` 70% de bytes de tráfico en internet es video Media Sessions API Background Fetch Full-screen orientation
48. `
49. `
50. https://codelabs.developers.google.com/
52. Jake Archibald @jaffathecake Paul Lewis @aerotwist Addy Osmani @addyosmani Paul Kinlan @Paul_Kinlan Googlers que trabajan a diario en herramientas y mejoras para PWA
53. Certificado Sitios Web para Móviles
58. Gracias! Twitter : @vikyale