Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Mobile Sites

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

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
450
Primeros pasos en AI/ML
Avatar for Victoria Ubaldo vickyale
0
110
ML Zero to Hero in GCP
Avatar for Victoria Ubaldo vickyale
0
82
Agile & Big Data
Avatar for Victoria Ubaldo vickyale
1
46
Clean Data with Python
Avatar for Victoria Ubaldo vickyale
0
240
AoG Workshop for IWD19
Avatar for Victoria Ubaldo vickyale
0
150
Introducción a Actions for Google Assistant
Avatar for Victoria Ubaldo vickyale
0
68

Other Decks in Technology

See All in Technology
AWSの新機能をフル活用した「re:Inventエージェント」開発秘話
Avatar for みのるん minorun365
2
420
2025年のデザインシステムとAI 活用を振り返る
Avatar for Tech Leverages leveragestech
0
140
MariaDB Connector/C のcaching_sha2_passwordプラグインの仕様について
Avatar for kubo ayumu boro1234
0
1k
障害対応訓練、その前に
Avatar for coconala_engineer coconala_engineer
0
190
フィッシュボウルのやり方 / How to do a fishbowl
Avatar for Pauli pauli
2
370
[Neurogica] 採用ポジション/ Recruitment Position
Avatar for Neurogica neurogica
1
110
たまに起きる外部サービスの障害に備えたり備えなかったりする話
Avatar for Sohei Iwahori egmc
0
400
Kiro を用いたペアプロのススメ
Avatar for Taiki Sugawara taikis
4
1.6k
株式会社ビザスク_AI__Engineering_Summit_Tokyo_2025_登壇資料.pdf
Avatar for VISASQ eikohashiba
1
100
日本の AI 開発と世界の潮流 / GenAI Development in Japan
Avatar for Yoshitaka Haribara hariby
1
250
Amazon Bedrock Knowledge Bases × メタデータ活用で実現する検証可能な RAG 設計
Avatar for Tomoaki tomoaki25
6
2.2k
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
Avatar for yayoi_dd yayoi_dd
0
640

Featured

See All Featured
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
27
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
92
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
3
2k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
1
12
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
20
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
0
160

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