体会chrome设计之UI responseness

本文探讨如何通过懒加载、多进程、浏览器进程多线程等技术手段,优化Chrome浏览器启动速度、防止崩溃,并利用backingstorecache提高用户体验。同时,通过减少选项和简化上下文菜单来实现简约而不简单的设计,确保用户操作流畅。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

感谢开放的google以及谷奥:


@youtube   @youku

 

 

 

UI responseness

0.common technique : lazy initialization
点击菜单时才加载功能,使得启动超级快


1.multi-process:

render process and browser process,防止崩溃,即使tab繁忙也要保证整体响应

2. browser process using multi-threading:


browser process 分为不同的线程,分别处理
UI(key) thread:绘制页面,键盘,鼠标交互
IO thread:进程间消息传递
file thread:硬盘资源管理

3.backing store cache in browser process

问题:
1.render process长期不用则会被操作系统交换出去
2.多次耗费时间的重绘,例如从大到小resize浏览器窗口

最近的一些 tab 缓存到 backing store cache,当访问时从缓存提取快


4.benchmark

启动速度测试
长时间后点击tab,测试backing store cache
主观测试,可怜的qa

5.how does chrome's simplicity contribute to a responsive user experience


简约而不简单
抵制option,抵制用户设置项
上下文菜单少
整合地址栏与搜索


6.future plan improvement


1.同步xhr禁止,不可能
2.ctrl-f 举例可能导致 ui不响应

browser process发送查询词给 render process,render process halt,则整个chrome不响应了


7.what motivates you to work on UI responsiveness


对用户有用的设计
用户每天都要用web做重要的事,省时很重要!

 

 

附录:


Introduction to chrome and chrome-extension

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值