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
58

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
200
Analizar Datos con Python y Google Colab
Avatar for Victoria Ubaldo vickyale
1
140
¿Cómo estar al día en Tecnología, como profesional tech?
Avatar for Victoria Ubaldo vickyale
1
440
Primeros pasos en AI/ML
Avatar for Victoria Ubaldo vickyale
0
110
ML Zero to Hero in GCP
Avatar for Victoria Ubaldo vickyale
0
73
Agile & Big Data
Avatar for Victoria Ubaldo vickyale
1
42
Clean Data with Python
Avatar for Victoria Ubaldo vickyale
0
240
AoG Workshop for IWD19
Avatar for Victoria Ubaldo vickyale
0
140
Introducción a Actions for Google Assistant
Avatar for Victoria Ubaldo vickyale
0
68

Other Decks in Technology

See All in Technology
AI時代の発信活動 ～技術者として認知してもらうための発信法～ / 20251028 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
110
Behind Postgres 18: The People, the Code, & the Invisible Work | Claire Giordano | PGConfEU 2025
Avatar for Claire Giordano clairegiordano
0
150
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
Avatar for katsuhisa_ katsuhisa91
PRO
3
1.5k
CLIPでマルチモーダル画像検索 →とても良い
Avatar for Motoi Washida wm3
0
230
もう外には出ない。より快適なフルリモート環境を目指して
Avatar for もっち mottyzzz
13
11k
オブザーバビリティが育むシステム理解と好奇心
Avatar for maru maruloop
3
1.4k
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
Avatar for Makky makky_tyuyan
0
140
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
Avatar for hhiroshell hhiroshell
0
140
仕様駆動開発を実現する上流工程におけるAIエージェント活用
Avatar for sergicalsix sergicalsix
2
520
RemoteFunctionを使ったコロケーション
Avatar for Matsumoto Kazutaka mkazutaka
1
130
ゼロコード計装導入後のカスタム計装でさらに可観測性を高めよう
Avatar for SansanTech sansantech
PRO
1
500
20251024_TROCCO／COMETAアップデート紹介といくつかデモもやります！_#p_UG 東京：データ活用が進む組織の作り方
Avatar for D soysoysoyb
0
120

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
238
140k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
640
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.2k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Building an army of robots
Avatar for Kyle Neath kneath
305
46k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k

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