一路颠簸,下午总算平安回到了深圳,结束了为期两天的北京Velocity大会之旅。
深圳最近的天气也不知道怎么了,印象中已半月不见阳光,19号出发去北京时是大风暴雨,今儿回来时是全城雾霾,雾里之间还略泛紫光,这算啥米征兆嘛?!

这届的Velocity,亲见亲闻再加上随行同事在微信群里的各种说法和吐槽,整体上来说3个字——嘛嘛地。广告多,老外们集体水,差点儿以为走错会场。前端方向的主题演讲,幸好还有几个救场撑面的(已在下面日程表格中标红),推荐前端的同学参阅下他们的PPT,特别是最后一天PJ的《16毫秒的优化——Web前端性能优化的微观分析》,估计好多同学听完都膜拜到跪了o(∩_∩)o。

Day1日程及对应演讲稿地址

导读:
1. 日期标绿 - 表示本人选择参与过
2. 中划线斜体 - 表示坑爹
3. 标红 - 表示推荐


















08:00 来宾登记(酒店二层)


09:30
主题发言 简单、通用的性能技巧

Theo Schlossnagle
(OmniTI)



10:00
主题发言 印象笔记在中国

肖贺
(印象笔记)



10:30
主题发言 网站性能,贏在用户体验

琚伟
(Compuware)



10:45 上午茶歇


11:05
主题发言 HTML5 的速度与激情

王咏刚
(Google)



11:20
Chrome资源调度

陈智昌
(Google)



12:00 自助午餐(宜客乐咖啡厅)


会厅A
会厅B
会厅C



13:30
Taobao移动网页性能优化之路

曹仁
(阿里巴巴)





14:30
大型JavaScript应用开发与维护

Charlie Fiskeaux II
(OmniTI)


14:30
Android高性能实践

冯斌
(正点科技)


14:30
应用交付链的测量和优化

刘晓晋
(Compuware)



15:30 下午茶歇




15:50
JavaScript引擎的性能优化

任寰
(奇虎360)












17:50
贴吧性能优化实战

雷志兴
(百度)



Day1 推荐的3个演讲

Google-王永刚- HTML5的速度与激情

从HTML5诞生时开始,Google一如既往地站在Web前端技术的最前沿,不但在几乎所有产品线中实践和探索相关技术,还在Google主页涂鸦中创新性地使用HTML5技术构建不同凡响的交互式Doodle体验。作为交互式Doodle研发团队的一员,演讲者将以几个最受用户喜爱的交互式Doodle的研发细节为例,展示性能优化、交互式动画、游戏逻辑、图像渲染、多媒体等技术在创造最佳前端用户体验时的巨大潜力。

HTML5 Doodles = Performance + Experience
Google Doodle是98年开始的文化,从08年开始是个转折点,开始应用h5的技术
(思考:yixun的前端文化?)

1,背景图叠加(视差滚动)与H5的结合应用

Jules Verne Doodle

背景与介绍:http://www.google.com/doodles/jules-vernes-183rd-birthday

2,Canvas-based

Roswell Doodle

背景与介绍:http://www.google.com/doodles/roswells-66th-anniversary

实现方法:
The Animation - Sprited Images
Canvas-based Sprite Animation : doodle.CanvasSprite类库

腾讯-石玉磊-Web APP的性能优化——Qzone touch海量服务性能优化实战

@Yuni这次在Velocity的演讲内容够干,会场座不虚席,推荐在做webapp或对webapp开发感兴趣的同学看下,可以藉此了解:

  1. qzone webapp的页面管理方式
  2. 测速方式
  3. 各种优化方法(包括nodejs的应用)
  4. 异步渲染与nodejs直出的性能差别
  5. 拍照上传功能的实现、问题与解决办法
  6. hybrid app中js与宿主通讯的实现方案

详细请猛击这里下载PPT!

百度-雷志兴-贴吧性能优化实战

提起@berg,我依稀记得在百度知道的时候他在隔壁组做百度的js库tangram,没想到转去弄贴吧了。相对于别的互联网公司来说,百度的前端文化在我脑海里的整体印象一直都是“底子厚、流程化、规范化、系统化”,tangram、火麒麟、fis。。。有不少的例子可以举,但唯有亲自在百度工作过你才能真切体会到其中的差异。

因为流程化、规范化、系统化,百度在最大程度上提升了前端工程师的效率,不过也正因为这“三化”,他们的开发模式较难被别的公司沿袭或吸收。流程化和系统化往往依赖于开发环境,而不同公司开发环境多少不同甚至迥异。fis想在业界产生影响估计有点悬。

言归正传,@berg在这次的演讲主题中,对于性能优化,

有方法论,

1. “监控=〉分析=〉优化=〉监控”,性能优化需要全过程性的、系统性的进行
2. 分析结果的直观表达:分数>图表,性能分数的计算公式
3. 关键性能指标:白屏、首屏时间

也有具体的实践方式,

1. 数据分析工具: DynaTrace、Chrome Devtools
2. 异步、并行加载 - 提升首屏时间
3. 重要功能提前 - 提升可操作失焦
4. 无线设备的优化
...

详细请猛击这里下载PPT!