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

Mobile Sites

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

Mobile Sites

Talk for Google I/O Extended Lima 17.

Avatar for Victoria Ubaldo

Victoria Ubaldo

July 21, 2017

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
160
¿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
120
ML Zero to Hero in GCP
Avatar for Victoria Ubaldo vickyale
0
88
Agile & Big Data
Avatar for Victoria Ubaldo vickyale
1
55
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
78

Other Decks in Technology

See All in Technology
Podcast配信で広がったアウトプットの輪～70人と音声発信してきた7年間～/outputconf_01
Avatar for FORTE fortegp05
0
160
OCI技術資料 : ロード・バランサ 概要 - FLB・NLB共通
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
4
27k
Datadog で実現するセキュリティ対策 ~オブザーバビリティとセキュリティを 一緒にやると何がいいのか~
Avatar for Shuntaro Azuma a2ush
0
180
Kubernetesの「隠れメモリ消費」によるNode共倒れと、Request適正化という処方箋
Avatar for g0xu g0xu
0
170
不確実性と戦いながら見積もりを作成するプロセス/mitsumori-process
Avatar for hiro@miraito hirodragon112
1
160
Databricks Appsで実現する社内向けAIアプリ開発の効率化
Avatar for R-Miura r_miura
0
200
VSCode中心だった自分がターミナル沼に入門した話
Avatar for Genki Sano sanogemaru
0
870
20260323_データ分析基盤でGeminiを使う話
Avatar for yuichi 1210yuichi0
0
210
GitHub Actions侵害 — 相次ぐ事例を振り返り、次なる脅威に備える
Avatar for GMO Flatt Security flatt_security
11
7k
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
Avatar for Ken Kato kkato1
0
170
Physical AI on AWS リファレンスアーキテクチャ / Physical AI on AWS Reference Architecture
Avatar for shota aws_shota
1
220
ThetaOS - A Mythical Machine comes Alive
Avatar for Martijn aslander
0
230

Featured

See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
340
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.9k
Side Projects
Avatar for Sacha Greif sachag
455
43k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
840
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
190
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
240
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
11k
New Earth Scene 8
Avatar for Sydney Stone popppiees
2
1.9k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.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