soso前端课件教案.ppt

问题与挑战 网站页面性能形势严峻 需要系统的进行优化 一些数据： Amazon 慢 0.1 s - 1% 用户放弃交易 Google 慢 0.4s - 0.6% 放弃搜索 Yahoo! 慢 0.4s - 减少 5%-9% 的流量 Bing 慢 2s - 收入下降 4.3 % Baidu?? 用户速度体验的1-3-10原则 Every millisecond count !! 工 具 HTTPWATCH Wireshark FireBug Yahoo Yslow Google PageSpeed Fiddler ……. AOL Page Test online version: ? IBM Page Detailer /tech/pagedetailer ? Pingdom ? WebKit’s Web Inspector Safari 4 Beta or WebKit nightly from ? Web Debugging Proxies , Pagetest - AOL Fiddler - Microsoft ySlow – YAHOO! 参考书 High Performance Web sites Evan faster web sites And, learn from best practices.. 减少请求 合并 CSS合并 sprites Javascript 模块化拆分、合并 动态载入 压缩数据量 GZIP 对文本进行压缩(html/css/js etc) 对非文本不压缩(gif/png/jpeg etc) Apache: mod_gzip/mod_deflate 压缩比一般在50%－70% 11697 bytes, gzip compressed to 4886 bytes ( 58.2 % saving ) 3641 bytes, gzip compressed to 1775 bytes ( 51.2 % saving ) 4756 bytes, gzip compressed to 2134 bytes ( 55.1 % saving ) 腾讯搜搜 搜搜前端架构与优化 Moonzhang(张勇) @ 2010-10-30 内容提要 腾讯搜搜简介 前端定义 架构的演变 前端演变与优化 发展与展望 搜搜简介 推广 直达区 搜索结果 新闻BOX 搜索历史 广告 还在搜 其它.. 直达区（Bingo）介绍 搜索平台部 – WEB开发组 O H SUSE Linux 公司统一部署 容易维护 统一的RPM资源 区分WEB服务器与Cache服务器 安全性 MySQL 流行 + 完善 易用 易维护 M/S P H P 速度、速度、速度 开发速度快 学习成本低（C变种） 运行效率好 第三方库成熟（PEAR, PECL） 社区庞大而活跃 日趋成熟（OOP, namespace，闭包…） SuperPHP / WinPHP PHP开发框架 实现MVC模式，结构清晰,使开发者只关注业务逻辑 提供Auth、ACL、DB、ORM、Cache、Session、Util、Page等模块 Apache 稳定 强大 配置灵活 mod_php5 mod_rewrite Memcached 用于存放缓存数据，供各APP使用 稳定 配置简单 PHP扩展：php_memcache API : get,set,increment,decrement,delete… 高效 分布式 接入示意图 问题与挑战 用户越来越多 DNS不准？ 用户反映访问速度慢 解决办法 利用自有IP库 自建智能DNS 搭建测速系统 问题与挑战 单点 故障转移周期长？ 缺少监控 解决办法 增加HA 增加监控 搜索请求 处理示意图 问题与挑战 响应时间经常超过1秒甚至2秒 (server端） Memcache timeout (1s) 处理示意图 Memcache扩展 解决办法 使用socket+Memecache协议读数据 控制timeout在秒级以内（50ms) 处理示意图 Socket 问题与挑战 Bingo应用越来越多：天气、股票、NBA。。。 Bingo交互变复杂，既“美观”又要“动”起来 团队开始应付不过来 网页版本迭代 新的Bingo应用 处理示意图 Socket 解决方案 喊出敏捷口号 业务拆分 将网页搜索与直达区拆分 直达区作为独立的业务 架构变更 bingo作为独立的服务 网页并行请求搜索结果与bingo数据 控制timeoutlatency 小组划分 成立直达区team（产品、开发、测试） 架构变更 心得体会 用