Submit Search
Upload
移动搜索在慢网速下的优化
•
0 likes
•
309 views
Charlee Green
Follow
a
Read less
Read more
Design
Report
Share
Report
Share
1 of 19
Recommended
一个 Mongodb command 的前世今生
一个 Mongodb command 的前世今生
dennis zhuang
QCon - 一次 Clojure Web 编程实战
QCon - 一次 Clojure Web 编程实战
dennis zhuang
Make your web faster
Make your web faster
德生 谭
Hacking Nginx at Taobao
Hacking Nginx at Taobao
Joshua Zhu
编辑器设计U editor
编辑器设计U editor
taobao.com
Erlang游戏开发
Erlang游戏开发
litaocheng
Mesos intro
Mesos intro
dennis zhuang
Couchdb Beijing Openparty
Couchdb Beijing Openparty
litaocheng
Recommended
一个 Mongodb command 的前世今生
一个 Mongodb command 的前世今生
dennis zhuang
QCon - 一次 Clojure Web 编程实战
QCon - 一次 Clojure Web 编程实战
dennis zhuang
Make your web faster
Make your web faster
德生 谭
Hacking Nginx at Taobao
Hacking Nginx at Taobao
Joshua Zhu
编辑器设计U editor
编辑器设计U editor
taobao.com
Erlang游戏开发
Erlang游戏开发
litaocheng
Mesos intro
Mesos intro
dennis zhuang
Couchdb Beijing Openparty
Couchdb Beijing Openparty
litaocheng
Chasingice
Chasingice
冰 白
性能优化
性能优化
Lu Wei
编辑器设计Kissy editor
编辑器设计Kissy editor
taobao.com
前端性能测试
前端性能测试
tbmallf2e
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
topgeek
静态项目管理工具 - opm
静态项目管理工具 - opm
goto100
Maven & mongo & sring
Maven & mongo & sring
Tzu Chi University
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Justin Lin
新浪微博Feed服务架构
新浪微博Feed服务架构
XiaoJun Hong
Ch03 請求與回應
Ch03 請求與回應
Justin Lin
Blazor 與 Radzen 同行
Blazor 與 Radzen 同行
Jimmy Ho
搶救資料庫效能大作戰
搶救資料庫效能大作戰
Rico Chen
前端MVVM框架安全
前端MVVM框架安全
Borg Han
对MySQL的一些改进想法和实现
对MySQL的一些改进想法和实现
Lixun Peng
高性能队列Fqueue的设计和使用实践
高性能队列Fqueue的设计和使用实践
孙立
Ch04 會話管理
Ch04 會話管理
Justin Lin
快速入坑 Node.js - 0613 SITCON 雲林定期聚
快速入坑 Node.js - 0613 SITCON 雲林定期聚
Lorex L. Yang
基于OpenResty的百万级长连接推送
基于OpenResty的百万级长连接推送
OpenRestyCon
Jsonp
Jsonp
LearningTech
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
My own sweet home!
Real time web实时信息流推送
Real time web实时信息流推送
yongboy
Real-Time Web实时信息流推送
Real-Time Web实时信息流推送
yongboy
More Related Content
What's hot
Chasingice
Chasingice
冰 白
性能优化
性能优化
Lu Wei
编辑器设计Kissy editor
编辑器设计Kissy editor
taobao.com
前端性能测试
前端性能测试
tbmallf2e
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
topgeek
静态项目管理工具 - opm
静态项目管理工具 - opm
goto100
Maven & mongo & sring
Maven & mongo & sring
Tzu Chi University
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Justin Lin
新浪微博Feed服务架构
新浪微博Feed服务架构
XiaoJun Hong
Ch03 請求與回應
Ch03 請求與回應
Justin Lin
Blazor 與 Radzen 同行
Blazor 與 Radzen 同行
Jimmy Ho
搶救資料庫效能大作戰
搶救資料庫效能大作戰
Rico Chen
前端MVVM框架安全
前端MVVM框架安全
Borg Han
对MySQL的一些改进想法和实现
对MySQL的一些改进想法和实现
Lixun Peng
高性能队列Fqueue的设计和使用实践
高性能队列Fqueue的设计和使用实践
孙立
Ch04 會話管理
Ch04 會話管理
Justin Lin
快速入坑 Node.js - 0613 SITCON 雲林定期聚
快速入坑 Node.js - 0613 SITCON 雲林定期聚
Lorex L. Yang
基于OpenResty的百万级长连接推送
基于OpenResty的百万级长连接推送
OpenRestyCon
Jsonp
Jsonp
LearningTech
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
My own sweet home!
What's hot
(20)
Chasingice
Chasingice
性能优化
性能优化
编辑器设计Kissy editor
编辑器设计Kissy editor
前端性能测试
前端性能测试
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
静态项目管理工具 - opm
静态项目管理工具 - opm
Maven & mongo & sring
Maven & mongo & sring
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
新浪微博Feed服务架构
新浪微博Feed服务架构
Ch03 請求與回應
Ch03 請求與回應
Blazor 與 Radzen 同行
Blazor 與 Radzen 同行
搶救資料庫效能大作戰
搶救資料庫效能大作戰
前端MVVM框架安全
前端MVVM框架安全
对MySQL的一些改进想法和实现
对MySQL的一些改进想法和实现
高性能队列Fqueue的设计和使用实践
高性能队列Fqueue的设计和使用实践
Ch04 會話管理
Ch04 會話管理
快速入坑 Node.js - 0613 SITCON 雲林定期聚
快速入坑 Node.js - 0613 SITCON 雲林定期聚
基于OpenResty的百万级长连接推送
基于OpenResty的百万级长连接推送
Jsonp
Jsonp
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
Similar to 移动搜索在慢网速下的优化
Real time web实时信息流推送
Real time web实时信息流推送
yongboy
Real-Time Web实时信息流推送
Real-Time Web实时信息流推送
yongboy
用戶端攻擊與防禦
用戶端攻擊與防禦
Taien Wang
美团技术团队 - KVM性能优化
美团技术团队 - KVM性能优化
美团点评技术团队
前端调试工具,编码相关,性能相关
前端调试工具,编码相关,性能相关
jay li
合久必分,分久必合
合久必分,分久必合
Qiangning Hong
淘宝前台系统性能分析与优化
淘宝前台系统性能分析与优化
丁 宇
Kvmopt osforce
Kvmopt osforce
meecheng
大型互联网站性能优化
大型互联网站性能优化
丁 宇
豆瓣网技术架构变迁
豆瓣网技术架构变迁
reinhardx
淘宝网前台应用性能优化实践
淘宝网前台应用性能优化实践
丁 宇
Bypat博客出品-服务器运维集群方法总结
Bypat博客出品-服务器运维集群方法总结
redhat9
MySQL自动切换设计与实现
MySQL自动切换设计与实现
orczhou
主库自动切换 V2.0
主库自动切换 V2.0
jinqing zhu
Bypat博客出品-服务器运维集群方法总结2
Bypat博客出品-服务器运维集群方法总结2
redhat9
大众点评网的技术变迁之路
大众点评网的技术变迁之路
jeffz
[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
Shanda innovation institute
去哪儿Ugc平台设计经验
去哪儿Ugc平台设计经验
mysqlops
Berserk js
Berserk js
taobao.com
Bypat博客出品-服务器运维集群方法总结3
Bypat博客出品-服务器运维集群方法总结3
redhat9
Similar to 移动搜索在慢网速下的优化
(20)
Real time web实时信息流推送
Real time web实时信息流推送
Real-Time Web实时信息流推送
Real-Time Web实时信息流推送
用戶端攻擊與防禦
用戶端攻擊與防禦
美团技术团队 - KVM性能优化
美团技术团队 - KVM性能优化
前端调试工具,编码相关,性能相关
前端调试工具,编码相关,性能相关
合久必分,分久必合
合久必分,分久必合
淘宝前台系统性能分析与优化
淘宝前台系统性能分析与优化
Kvmopt osforce
Kvmopt osforce
大型互联网站性能优化
大型互联网站性能优化
豆瓣网技术架构变迁
豆瓣网技术架构变迁
淘宝网前台应用性能优化实践
淘宝网前台应用性能优化实践
Bypat博客出品-服务器运维集群方法总结
Bypat博客出品-服务器运维集群方法总结
MySQL自动切换设计与实现
MySQL自动切换设计与实现
主库自动切换 V2.0
主库自动切换 V2.0
Bypat博客出品-服务器运维集群方法总结2
Bypat博客出品-服务器运维集群方法总结2
大众点评网的技术变迁之路
大众点评网的技术变迁之路
[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
去哪儿Ugc平台设计经验
去哪儿Ugc平台设计经验
Berserk js
Berserk js
Bypat博客出品-服务器运维集群方法总结3
Bypat博客出品-服务器运维集群方法总结3
移动搜索在慢网速下的优化
1.
–李永剑 移动搜索在慢⺴⽹网速下的优化
2.
• 减少http请求个数 • 静态⽂文件编进localStroage •
域名单⼀一化 • lua重写服务 • 极速简版 • webp • ⽤用户友好提⽰示
3.
静床 浏览器 200/304/from cache
4.
服务器 localStorage 浏览器
5.
• 基于燕尾服编译 • 编译期离线算出⼀一个⻚页⾯面的静态⽂文件md5,赋值给 smarty, •
第⼀一次访问,种下cookie 代码inline,并执⾏行 html2ls() • 第⼆二次访问,服务器检测cookie是否存在并与服务 器上次版本号相同,相同则执⾏行ls2html() • 客户端读ls,并做检测,如果失败删除cookie,刷新⻚页 ⾯面
6.
7.
• 只需在燕尾服配置: 'MOD_INLINE_TO_LS' =>
true
8.
• 异步ajax请求,通过responseText拿到数据字⾯面 量,存⼊入ls • 异步jsonp通过构造回调函数接收数据对象并 JSON.stringify存⼊入ls •
__loader加载器加载静床代码,加上跨域请求头, 改为ajax⽅方式获取字⾯面量再append/eval,同时存 ⼊入ls。跨域失败的情况,转为动态构建link/script 标签请求
9.
域名单⼀一化 • 将sug.m.so.com、j.www.so.com、 cdn.weather.hao.360.cn等域名通过nginx反向代 理,机房解析域名⽐比⽤用户去解析快且可控 • 静床、图床使⽤用s8、p8,不使⽤用域名散列化,减 少dns解析开销
10.
lua重写服务 • jump 、suggest、transcode服务使⽤用lua改写, 让php专注核⼼心业务
11.
提供极速版 • 做为补充 • 适配⾮非主流系统、落后浏览器 •
⽆无js环境下可⽤用 • 砍掉所有花哨功能,减少流量
12.
webp图⽚片格式 • 体积减少2/3 • android⽀支持,ios不⽀支持 •
异步检测代码书写⿇麻烦,不⽀支持php端使⽤用 • 部分机型对有alpha通道的png转webp惨不忍睹 • gif多帧只预览⼀一帧
13.
• 异步检测改同步检测 • 只转jpg,放弃转png
14.
15.
16.
17.
⽤用户友好提⽰示
18.
19.
THX && FAQ