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

Mobile Sites

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
85
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
クラウド × シリコンの Mashup - AWS チップ開発で広がる AI 基盤の選択肢
Avatar for Hiroshi Tokoyo htokoyo
2
190
[JAWSDAYS2026]Who is responsible for IAM
Avatar for Mizuki TSUJI mizukibbb
0
480
[JAWSDAYS2026][D8]その起票、愛が足りてますか？AWSサポートを味方につける、技術的「ラブレター」の書き方
Avatar for hirosys hirosys_
3
130
OCHaCafe S11 #2 コンテナ時代の次の一手：Wasm 最前線
Avatar for oracle4engineer oracle4engineer
PRO
1
110
JAWS Days 2026 楽しく学ぼう！ 認証認可 入門/20260307-jaws-days-novice-lane-auth
Avatar for opelab opelab
10
1.8k
わたしがセキュアにAWSを使えるわけないじゃん、ムリムリ！(※ムリじゃなかった!?)
Avatar for cm-usuda-keisuke cmusudakeisuke
1
620
マルチアカウント環境でSecurity Hubの運用！導入の苦労とポイント / JAWS DAYS 2026
Avatar for GENDA genda
0
520
製造業ドメインにおける LLMプロダクト構築： 複雑な文脈へのアプローチ
Avatar for recruiting@caddi.jp caddi_eng
1
560
20260311 ビジネスSWG活動報告（デジタルアイデンティティ人材育成推進WG Ph2 活動報告会）
Avatar for OpenID Foundation Japan oidfj
0
270
身体を持ったパーソナルAIエージェントの 可能性を探る開発
Avatar for yoko / Naoki Yokomachi yokomachi
1
100
組織全体で実現する標準監視設計
Avatar for Yuto Obayashi yuobayashi
3
480
OCI技術資料 : コンピュート・サービス 概要
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
4
54k

Featured

See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
140
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
820
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
130
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
HDC tutorial
Avatar for Michiel Stock michielstock
1
530
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
75
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
780
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
190

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