写点什么

Facebook 和 Instagram 的经验:面向新兴市场改进 Android 开发

  • 2014-11-16
  • 本文字数:1915 字

    阅读完需:约 6 分钟

@Scale 2014 大会上,来自 Facebook 和 Instagram 的工程师做了题为《 Scaling Android Apps for Emerging Markets 》的演讲,就如何面对不同的 Android 设备和不同的网络连接速度改进其应用的表现分享了相关经验。

Facebook

Facebook 将团队送到了亚洲、非洲、中美洲和南美洲的一些国家,去评估当地的手机市场。他们购买和使用了当地流行的设备,以了解在这些设备上访问 Facebook 的应用时的用户体验。Chris Marra 是 Facebook 的 Android 开发产品经理,他就这些新兴市场中 Android 设备和网络连接情况分享了一些发现:

  • 通常访问 Facebook 的设备模型有 10 000 种左右
  • 在发展中国家,有两种占据统治地位的移动设备:功能机和低端入门级 Android 手机
  • 这些设备通常是使用上一代硬件制作的
  • 互联网连接还属于高级服务,存在网络堵塞
  • 手机较慢,屏幕较小,网络连接状况往往比较差
  • 美国的 3G 网络覆盖率达 70%,而像巴西和印度,覆盖率分别是 38% 和 7%

在给这些市场把过脉之后,Facebook 就开始改进其应用了。他们发现,因为内存有限,经常会导致 OutOfMemory 错误,使用较老手机的用户碰到应用崩溃的情形明显要多得多,所以他们决定提供一个不同的版本,以确保应用在这类设备上运行更平滑。因为用户在较老的手机上体验不好,Facebook 不得不砍掉了动画和其他很耗 CPU 的界面操作。

在看到了应用在某些低端手机上的表现情况之后,Facebook 创建了一些工具,帮助团队了解存在的问题,同时开始改进在这类设备上的用户体验。屏幕大小是必须考虑的一个因素,10% 的 Facebook 用户使用的是分辨率较低(120 DPI)的手机。开发团队决定裁剪用户界面,去掉或者简化窗口小部件(widget)和图标。

Facebook 的工程经理 Andrew Rogers,详细介绍了他们为改进用户体验所做的一些步骤。

图片大小。在 Facebook 的 Android 应用上,图片数据占到了 85%。在 Facebook Messenger 应用中,图片数据占到了网络传输数据量的 65%。应该尽可能减小图片大小。这是通过如下手段实现的:

  • 在服务器上调整图片大小
  • 提供分辨率不同的多份图片:用于新闻摘要(feed)的预览图、用于个人信息显示的缩略图和用于照片存储的较大的图
  • 根据屏幕大小下载小型图片
  • 只有用户放大的时候才使用全尺寸图片;大部分时间,用户只需要较小的缩略图或预览图
  • 在 Android 上,90% 的图片使用 WebP 格式,与 JPEG 格式相比,质量相同的图片大小要小 30%。存在的问题是,Android 4.2+ 才提供了对 WebP 的原生支持,所以之前的 Android 版本上,还需要在设备上将图片转码成 PNG 或 JPEG

网络质量。Facebook 意识到,根据网络类型来确定网络速度还不够。尽管使用的是同样的技术,如 Edge、HSPA 或 LTE 等,某些国家的网络速度可能会比其他国家慢 2 到 3 倍。像印度或巴西,WiFi 的速度要比 LTE 慢,所以最好动态确定真实的网络速度。

为减少下载时间,他们决定:

  • 进一步压缩图片
  • 发出更多并行的请求
  • 关闭自动播放
  • 预取更多内容

为了能够在部署之前在不同的网络上测试其应用,Facebook 创建了 Air Traffic Control 这款工具来模拟 WiFi 上的不同网络连接类型,它能够配置最大带宽、丢包率、上行线路 / 下行线路的往返时延。

预取内容。Rogers 提到的另一个改进用户体验的方式是预取某些内容。对于延迟较高的网络,这特别有用。但是预取也不能过度使用,因为这会填充缓存,再就是预取的数据不能肯定会用到。

Instagram

Tyler Kieft 是 Instagram 的一位 Android 开发工程师,他介绍了他们团队为改进其 Android 应用的性能和用户体验所做的一些调整。其一是使用现代的扁平式设计重写了界面,去掉了渐变效果、抛光色彩和阴影等,这在各种 Android 设备上都带来了性能提升。

扁平化设计还带来了一个效果,实现了资源裁剪。应用不再需要各种颜色的资源,而是只有一种颜色即可。Instagram 将应用的一个视图所需要的资源从 29 个减少到了 8 个。其结果是,UI 显示提速,占用的内存空间减少,冷启动时间下降了 120 毫秒。此外,用户对于新的界面和性能改进反应非常积极。

据 Kieft 介绍,为确定哪里比较慢,他们使用 Android Traceview 和计时语句分析了应用的性能。 然后采用了下列措施:

  • 从冷启动路径中去掉较慢的东西
  • 重写了较慢的代码
  • 将一些东西延迟到一个后台线程中
  • 重复以上步骤(分析、重写)

他们还使用了两步的惰性加载:在 UI 线程上创建单件(singleton)对象,但是在这些对象上执行的动作,比如访问 cache 的磁盘存储信息、加载 HTTP 客户端的证书和反序列化 cookies 等,都放到了一个后台线程上。

另一个减少应用冷启动时间的手段是,使用原生代码代替 WebView,在不同版本的 Android 上,平均节省了 30% 的时间。

查看英文原文: Facebook & Instagram Lessons on Android Development for Emerging Markets

2014-11-16 00:222420
用户头像
臧秀涛 略懂技术的运营同学。

发布了 300 篇内容, 共 135.2 次阅读, 收获喜欢 35 次。

关注

评论

发布
暂无评论
发现更多内容

npm install报错问题解决合集

百度搜索:蓝易云

node.js Linux 运维 npm 云服务器

详解SpringBoot的常用注解

百度搜索:蓝易云

云计算 Linux 运维 springboot 云服务器

人工智能如何让测试更智能更高效?

霍格沃兹测试开发学社

SnailSVN Mac版:从 Finder 的上下文菜单中快速访问各种最常用的 SVN 功能

Rose

Mac软件 SVN客户端 SnailSVN Pro下载 Subversion(SVN)客户端

源码解析丨一次慢SQL排查

GreatSQL

慢查询

Puppeteer实践:复杂的问题简单化

南城FE

JavaScript 前端 nodejs puppeteer

霍格沃兹测试开发学社,全方位的测试解决方案提供商

霍格沃兹测试开发学社

flowjo 10破解版图文教程 flowjo 10 mac专业的细胞分析工具

Rose

mac软件下载 流式细胞分析软件 FlowJo 10下载 FlowJo 10破解版

ICP Rust CDK| 在IC上开发、测试和部署DApps

TinTinLand

黑客 编程学习 ICP

简单shell脚本的编写教程

百度搜索:蓝易云

云计算 Linux 运维 Shell 云服务器

达芬奇调色软件破解版 davinci resolve 18.6.6最新中文安装包

Rose

DaVinci Resolve 破解 DaVinci Resolve18下载 达芬奇下载 达芬奇视频调色

Hype 4 Pro:打造惊艳HTML5动画与交互设计的全能之选

Rose

html5 网页制作 交互设计工具 Hype 4 Pro破解版 Hype 4 Pro下载

教你用python爬取『京东』商品数据,原来这么简单!

技术冰糖葫芦

API 接口

想在Mac电脑上畅玩Windows游戏,那就试试CrossOver 24虚拟机吧!

Rose

CrossOver 24 CrossOver 24虚拟机 如何在Mac运行win 苹果电脑虚拟机软件

IntelliJ IDEA 2023:智能编码,让开发更高效!

Rose

ide 编程开发 IntelliJ IDEA 2023破解 IntelliJ IDEA 2023 IDEA 2023激活码

ICP Rust CDK|使用Rust构建智能合约并操作canisters

TinTinLand

黑客 编程学习 ICP

低代码无法取代程序员,但为什么很多程序员却反感低代码?

天津汇柏科技有限公司

程序员 低代码 数字化转型

抢先一步,获取最全测试开发岗求职攻略

霍格沃兹测试开发学社

如何使用 NFTScan NFT API 在 Blast 网络上开发 Web3 应用

NFT Research

API NFT\ NFTScan

在 GraalVM 静态编译下无侵入实现可观测探索

阿里巴巴云原生

Java 阿里云 云原生

centos用ssh登录连接缓慢处理

百度搜索:蓝易云

Linux centos 运维 SSH 云服务器

工业物联网App开发:连接未来智能制造的关键

天津汇柏科技有限公司

数字化转型 工业物联网

keyshot2023怎么保存低版本(keyshot2023下载安装教程)

Rose

KeyShot2023pro安装包 keyshot2023下载

Yummy FTP Pro for mac中文直装版 最可靠的ftp文件传输工具

Rose

Mac软件 文件传输工具 ftp传输 Yummy FTP Pro 破解版 Yummy FTP Pro 下载

章文嵩等技术大咖共同探讨企业数据治理和降本增效策略运用!

AutoMQ

#云原生 KubeBlocks #Kafka #OceanBase #AutoMQ

cURL 命令全面解析:提高工作效率

Apifox

程序员 前端 后端 API curl

苹果电脑3D壁纸屏保 Screen Wonders动态壁纸

Rose

动态壁纸 Screen Wonders壁纸 苹果电脑屏保 mac屏保

全智能深度演进,一键成片让视频创作颠覆式提效

阿里云CloudImagine

云计算 媒体 云剪辑

苹果电脑软件开发工具:Xcode 15全新发布

Rose

编程开发 Xcode Mac版 Xcode 15

AI力量:如何让测试更智能更高效

测试人

软件测试

Facebook和Instagram的经验:面向新兴市场改进Android开发_Meta_Abel Avram_InfoQ精选文章