感谢开放的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
分享到:
相关推荐
chrome浏览器分拆出来的UI源码,便于学习chromeUI(directUI)思想,方便做出各种自定义界面效果。
Chrome 在directui 实现 方法和firemonkey类似
主要是对chrome UI的源代码进行分析和相关讲解
UiPath安装Chrome插件.docx
Chrome UI 框架,排版 绘制 消息分发机制分析,包含了详细的类图
学习chrome源码也有一段时间了,对该浏览器的ui部分小有了解,于是将自己的一些心得贴上来,希望对需要的朋友有所帮助---邱金武
ChromeUI未改变之前版本,官方离线无升级版,现在能找到UI未改变之前最新的版本了,官方之前离线无升级版的链接都失效了,特留备份
高清带目录 211页 部分目录 第1章 初步接触Chrome...第3章 Chrome扩展的UI界面3.1 CSS简述3.2 Browser Actions3.2.1 图标 3.2.2 Popup页面3.2.3 标题和badge3.3 右键菜单3.4 桌面提醒3.5 Omnibox3.6 Page Actions.....
swagger-ui(Chrome插件)
使用适用于Chrome DevTools的UI5 Inspector扩展,您可以检查,分析和支持基于OpenUI5和SAPUI5的应用程序。 主要功能:•检查UI5控件并查看其属性,绑定和数据模型•动态修改控件属性,并查看其如何影响呈现和行为•...
支持的浏览器: IE 7.0+、Firefox 3.6+、Chrome 3.0+、Opera 10.5+、Safari 3.0+ 授权协议:Apache License 2.0 (Apache) FineUI是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果。目标是创建没有...
chrome chrome
chrome chrome chrome chrome
chrome插件XSwitch chrome插件XSwitch
Axure RP Extension for Chrome是原型设计工具Axure RP的Chrome浏览器插件。因为在线安装需要访问Google Chrome在线商店,访问不了。所以提供一个离线版本进行安装。 安装方法: 1、打开Chrome浏览器,找到“工具 ->...
Axure RP Chrome 0.6.4 原型工具Chrome扩展插件,支持最新版本Chrome浏览器,安装方法如下(亲测可用): 1、打开谷歌浏览器,在浏览器中地址栏中输入chrome://extensions/,或者点击浏览器的右上角选择更多工具,...
在国内使用Chrome浏览器的小伙伴,一直都比较愁。Chrome数据同步的问题。原因大家都懂。 有什么好办法来同步Chrome的数据呢?这里给大家推荐一个Chrome扩展。 官方网站 ...
此版 Chrome 是专为windows10 64位设计的,不仅可为您量身推荐新闻报道,还有快速链接指向您所收藏的网站和下载的内容,甚至还内置了 Google 搜索和谷歌翻译。立即下载此版 Chrome,在您的所有设备上享受一致的 ...
autoit控制chrome的扩展库,正式拜托麻烦的IE
ui-stack 一个Chrome扩展程序,可让您查看网站使用的框架和库