Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile Sites

Avatar for Victoria Ubaldo Victoria Ubaldo
July 21, 2017
Technology
1
65

Mobile Sites

Talk for Google I/O Extended Lima 17.

Avatar for Victoria Ubaldo

Victoria Ubaldo

July 21, 2017
Tweet

More Decks by Victoria Ubaldo

See All by Victoria Ubaldo
Introduction to NLP : How to improve accessibility with Machine Learning
Avatar for Victoria Ubaldo vickyale
1
210
Analizar Datos con Python y Google Colab
Avatar for Victoria Ubaldo vickyale
1
150
¿Cómo estar al día en Tecnología, como profesional tech?
Avatar for Victoria Ubaldo vickyale
1
470
Primeros pasos en AI/ML
Avatar for Victoria Ubaldo vickyale
0
110
ML Zero to Hero in GCP
Avatar for Victoria Ubaldo vickyale
0
84
Agile & Big Data
Avatar for Victoria Ubaldo vickyale
1
50
Clean Data with Python
Avatar for Victoria Ubaldo vickyale
0
250
AoG Workshop for IWD19
Avatar for Victoria Ubaldo vickyale
0
160
Introducción a Actions for Google Assistant
Avatar for Victoria Ubaldo vickyale
0
72

Other Decks in Technology

See All in Technology
スクリプトの先へ！AIエージェントと組み合わせる モバイルE2Eテスト
Avatar for Ryo WATANABE error96num
0
150
新職業『オーケストレーター』誕生 — エージェント10体を同時に回すAgentOps
Avatar for Gunther Brunner gunta
4
1.8k
複数クラスタ運用と検索の高度化：ビズリーチにおけるElastic活用事例 / ElasticON Tokyo2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
130
聲の形にみるアクセシビリティ
Avatar for tomokusaba tomokusaba
0
170
Dr. Werner Vogelsの14年のキーノートから紐解くエンジニアリング組織への処方箋@JAWS DAYS 2026
Avatar for Hiroshi Hayakawa (p0n) p0n
1
130
Kubernetesにおける推論基盤
Avatar for ry ry
1
300
(Test) ai-meetup slide creation
Avatar for Oikon oikon48
1
240
SaaSからAIへの過渡期の中で現在、組織内で起こっている変化 / SaaS to AI Paradigm Shift
Avatar for AEON aeonpeople
0
120
IBM Bobを使って、PostgreSQLのToDoアプリをDb2へ変換してみよう/202603_Dojo_Bob
Avatar for Mayumi Hirano mayumihirano
1
300
マルチロールEMが実践する「組織のレジリエンス」を高めるための組織構造と人材配置戦略
Avatar for coconala_engineer coconala_engineer
3
710
Kaggleの経験が実務にどう活きているか / kaggle_findy
Avatar for Sansan R&D sansan_randd
7
1.4k
NewSQL_ ストレージ分離と分散合意を用いたスケーラブルアーキテクチャ
Avatar for hacomono Inc. hacomono
PRO
1
170

Featured

See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.4k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
330
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
300
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
380
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
240
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
220
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
380

Transcript

  1. Sitios Web Móviles Victoria Ubaldo G. Software Engineer @VikyAle

  2. ¿Cómo es la web que conocemos?

  3. None

  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
  21. None
  22. None
  23. None
  24. None
  25. None

  26. PWA Progressive Web Apps

  27. es un nuevo nivel en mejorar la calidad de la

    experiencia de uso Progressive Web Apps
  28. None
  29. None

  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...
  36. None
  37. None

  38. `

  39. ¿Cómo empiezo?

  40. Tres enfoques para PWA-ifying desde el principio una sola característica

    una versión simple
  41. None
  42. None
  43. None
  44. None
  45. None

  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/

  51. None

  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

  54. None
  55. None
  56. None
  57. None

  58. Gracias! Twitter : @vikyale