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
190
Analizar Datos con Python y Google Colab
Avatar for Victoria Ubaldo vickyale
1
130
¿Cómo estar al día en Tecnología, como profesional tech?
Avatar for Victoria Ubaldo vickyale
1
430
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
39
Clean Data with Python
Avatar for Victoria Ubaldo vickyale
0
230
AoG Workshop for IWD19
Avatar for Victoria Ubaldo vickyale
0
140
Introducción a Actions for Google Assistant
Avatar for Victoria Ubaldo vickyale
0
66

Other Decks in Technology

See All in Technology
メモ整理が苦手な者による頑張らないObsidian活用術
Avatar for OPTiM optim
1
190
마라톤 끝의 단거리 스퍼트: 2025년의 AI
Avatar for Jeongkyu Shin inureyes
PRO
1
590
【新卒研修資料】数理最適化 / Mathematical Optimization
Avatar for BrainPad brainpadpr
5
1.1k
VLMサービスを用いた請求書データ化検証 / SaaSxML_Session_1
Avatar for Sansan R&D sansan_randd
0
200
オブザーバビリティプラットフォーム開発におけるオブザーバビリティとの向き合い / Hatena Engineer Seminar #34 オブザーバビリティの実現と運用編
Avatar for Arthur arthur1
0
320
Microsoft Learn MCP/Fabric データエージェント/Fabric MCP/Copilot Studio-簡単・便利なAIエージェント作ってみた -"Building Simple and Powerful AI Agents with Microsoft Learn MCP, Fabric Data Agent, Fabric MCP, and Copilot Studio"-
Avatar for 大竹礼二（REIJI OTAKE） reireireijinjin6
1
220
Microsoft Clarityでインサイトを見つけよう
Avatar for なかしょ nakasho
0
120
Gemini in Android Studio - Google I/O Bangkok '25
Avatar for Somkiat Khitwongwattana akexorcist
0
180
LLM開発を支えるエヌビディアの生成AIエコシステム
Avatar for Murakami Mana acceleratedmu3n
0
370
隙間時間で爆速開発！ Claude Code × Vibe Coding で作るマニュアル自動生成サービス
Avatar for Akitomo Sato akitomonam
3
250
恐怖！テストコードなき夜
Avatar for つくぼし tsukuboshi
2
110
AWS re:Inforce 2025 re:Cap Update Pickup & AWS Control Tower の運用における考慮ポイント
Avatar for Hayato Tan htan
1
180

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
540
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
520
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
6k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
19k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
21
1.4k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k

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