More Related Content
Similar to 淘宝网前端应用与发展 (20)
More from taobao.com (20)
淘宝网前端应用与发展
- 31. 小结 (2007) 小结 (2007) 制定UED规范 制定前端代码规范 制定前端与后端开发的协作规范
- 37. 对策:根据ySlow规则优化前端性能 CSS Sprite 减少HTTP请求 首页 JavaScript/CSS 内嵌 CSS/JavaScript文件合并(将YUI+TBra打包成tbra-aio.js) 引入CDN Assets域名 assets.taobaocdn.com JavaScript/CSS压缩 YUICompressor
- 38. 小结 (2008) 小结 (2008) 完善规范,将规范转化为工业化工具(TMS) 使用 ySlow / YUICompressor等工具优化前端性能
- 47. 建立开源 Kissy 框架 重写常用组件 AutoComplete ImageLazyLoad RichEditor …… 困难与挑战 @ 2009 对策:尝试研发新脚本库
- 48. 小结 (2009) 小结 (2009) 联合开发/运维/测试工程师一起立项全面优化网站性能 创建Kissy开源项目,逐步迁移YUI/TBra组件到Kissy组件,改善体验,优化性能
- 51. 用户个性化需求强烈 YUI + TBra的前端架构不再适合淘宝 性能要求苛刻 项目前端开发工作量占比不断提高,后台架构和开发过程需要改革 问题与挑战 @ 2010 问题与挑战 @ 2010
- 54. HTML5 & CSS3 HTML压缩 DOM预加载 本地存储 data:url CSS圆角 淘宝性能指数 性能自动化测试 Firefox + ySlow + showslow + xvfb CDN改造 基于Nginx的 CDN combo 实现 MVC架构改造 挑战:性能要求苛刻 对策:速度委员会
- 62. 淘宝UED的设计流程: http://ued.taobao.com/blog/2007/08/13/our_design_flow/ 网页栅格系统研究: http://lifesinger.org/blog/2008/10/grid-system-1/ Kissy on GoogleCode: http://code.google.com/p/kissy/ ySlowrules: http://developer.yahoo.com/performance/rules.html WebPageTest: http://www.webpagetet.org/ YUICompressor: http://developer.yahoo.com/yui/compressor/ Let‘s make the web faster:http://code.google.com/speed/articles/html5-performance.html @kejunz: http://twitter.com/kejunz