一路颠簸,下午总算平安回到了深圳,结束了为期两天的北京Velocity大会之旅。
深圳最近的天气也不知道怎么了,印象中已半月不见阳光,19号出发去北京时是大风暴雨,今儿回来时是全城雾霾,雾里之间还略泛紫光,这算啥米征兆嘛?!
这届的Velocity,亲见亲闻再加上随行同事在微信群里的各种说法和吐槽,整体上来说3个字——嘛嘛地。广告多,老外们集体水,差点儿以为走错会场。前端方向的主题演讲,幸好还有几个救场撑面的(已在下面日程表格中标红),推荐前端的同学参阅下他们的PPT,特别是最后一天PJ的《16毫秒的优化——Web前端性能优化的微观分析》,估计好多同学听完都膜拜到跪了o(∩_∩)o。
Day1日程及对应演讲稿地址
导读:
1. 日期标绿 - 表示本人选择参与过
2. 中划线斜体 - 表示坑爹
3. 标红 - 表示推荐
08:00 来宾登记(酒店二层) | ||
10:45 上午茶歇 | ||
12:00 自助午餐(宜客乐咖啡厅) | ||
会厅A | 会厅B | 会厅C |
---|---|---|
15:30 下午茶歇 | ||
Day1 推荐的3个演讲
Google-王永刚- HTML5的速度与激情
从HTML5诞生时开始,Google一如既往地站在Web前端技术的最前沿,不但在几乎所有产品线中实践和探索相关技术,还在Google主页涂鸦中创新性地使用HTML5技术构建不同凡响的交互式Doodle体验。作为交互式Doodle研发团队的一员,演讲者将以几个最受用户喜爱的交互式Doodle的研发细节为例,展示性能优化、交互式动画、游戏逻辑、图像渲染、多媒体等技术在创造最佳前端用户体验时的巨大潜力。
HTML5 Doodles = Performance + Experience
Google Doodle是98年开始的文化,从08年开始是个转折点,开始应用h5的技术
(思考:yixun的前端文化?)
1,背景图叠加(视差滚动)与H5的结合应用
背景与介绍:http://www.google.com/doodles/jules-vernes-183rd-birthday
2,Canvas-based
背景与介绍: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开发感兴趣的同学看下,可以藉此了解:
- qzone webapp的页面管理方式
- 测速方式
- 各种优化方法(包括nodejs的应用)
- 异步渲染与nodejs直出的性能差别
- 拍照上传功能的实现、问题与解决办法
- hybrid app中js与宿主通讯的实现方案
详细请猛击这里下载PPT!
百度-雷志兴-贴吧性能优化实战
提起@berg,我依稀记得在百度知道的时候他在隔壁组做百度的js库tangram,没想到转去弄贴吧了。相对于别的互联网公司来说,百度的前端文化在我脑海里的整体印象一直都是“底子厚、流程化、规范化、系统化”,tangram、火麒麟、fis。。。有不少的例子可以举,但唯有亲自在百度工作过你才能真切体会到其中的差异。
因为流程化、规范化、系统化,百度在最大程度上提升了前端工程师的效率,不过也正因为这“三化”,他们的开发模式较难被别的公司沿袭或吸收。流程化和系统化往往依赖于开发环境,而不同公司开发环境多少不同甚至迥异。fis想在业界产生影响估计有点悬。
言归正传,@berg在这次的演讲主题中,对于性能优化,
有方法论,
1. “监控=〉分析=〉优化=〉监控”,性能优化需要全过程性的、系统性的进行
2. 分析结果的直观表达:分数>图表,性能分数的计算公式
3. 关键性能指标:白屏、首屏时间
也有具体的实践方式,
1. 数据分析工具: DynaTrace、Chrome Devtools
2. 异步、并行加载 - 提升首屏时间
3. 重要功能提前 - 提升可操作失焦
4. 无线设备的优化
...
详细请猛击这里下载PPT!