Location via proxy:
[ UP ]
[Report a bug]
[Manage cookies]
No cookies
No scripts
No ads
No referrer
Show this form
Submit Search
Submit Search
Upload
2011彩票首页开发实践
•
Download as PPTX, PDF
•
0 likes
•
286 views
Z
zhenn yang
Follow
1,优化内容显示次序 2,模块化开发 3,速度、性能 4,延续html5革命细节 5,其他细节
Read less
Read more
Report
Share
Related slideshows
Luke and rebecca pitch
Luke and rebecca pitch
Apanha de mel no Nepal !
Apanha de mel no Nepal !
Blowin in the wind
Blowin in the wind
Report
Share
1 of 52
Download now
More Related Content
2011彩票首页开发实践
1.
2011彩票首页开发实践栋寒www.cnblogs.com/zhenn栋寒
4.
典型的两列结构float:leftfloat:right栋寒
5.
Dom解析顺序自 上 而
下
6.
在一段时间内用户所看到的页面等待渲染…
7.
卧 槽 ,
好 慢
8.
无法改变用户的带宽环境What we can
do?
9.
优化策略:破坏规整的dom结构
10.
使用定位来实现UI设计
11.
优化显示次序损坏的html:焦点图右侧彩种导航焦点图数字彩快速投注开奖公告(左上)广告排行榜工具列表(左下)广告彩票攻略足篮彩快速投注推荐合买彩票资讯
12.
32145
1024*768浏览器首屏参考线861440*900浏览器首屏参考线79
13.
So:至上而下的逐次展现方式假装很快
15.
功能颗粒化
16.
Why do like
this
17.
更加适合团队开发
18.
易维护性
19.
便于做按需加载e.g.点击触发异步请求Async()载入html文档加载js逻辑文件
20.
Full code插入html代码加载js模块并执行回调
21.
弊端:太多的http请求?
22.
Combo利器
23.
基于yui3的实现
24.
合并use进一步减少请求数
26.
Fast by default
27.
提 高 页
面 速 度 ?
28.
用户最关注的速度资源文件加载所耗时间
29.
浏览器渲染时间资源文件加载所耗时间
30.
浏览器渲染时间减少http请求数通过combo合并js、css请求
31.
延时加载图片、非展示不加载
32.
地球人都知道的css sprite技术延时加载图片延时加载的图片对象
33.
压缩http请求收发数据量减小html文档的大小
34.
异步加载js模块
35.
minify css、js
36.
保证质量前提下,压缩图片
37.
Gzip(deflate),服务器配置资源文件加载所耗时间
38.
浏览器渲染时间精简dom节点数避免冗余的html标签
39.
适时做延时渲染和异步加载
40.
让用户的浏览器视口决定页面首次加载时的dom节点数前后端交互:缓解前端渲染压力并分隔后端的处理时间,缺点在于前端发生交互事件时,等待时间稍长异步加载 VS延时渲染纯前端交互:交互效率较高,等待时间短,缺点在于页面首次加载时,要把后端查询的数据全部push到前端,增加服务器负担
41.
Js执行效率数据访问
42.
算法和流程控制
43.
dom操作
44.
......了解更多请参考此书
45.
电子版下载Ref:http://ishare.iask.sina.com.cn/f/8344965.html
46.
较之老版首页扔掉cubbe
47.
应用yui3.3.0,减小对domready的依赖
48.
合理的注册事件Avialable而非DomReady,更及时的展现页面交互结果?
49.
yslow
50.
Pagespeed
51.
我们不过分依赖于yslow、pagespeed
52.
我们更愿意相信真实的数据
53.
哈勃数据监控老版新版
55.
IE8及其以下版本hack
56.
禁用脚本?
57.
适度引导用户禁用脚本?
59.
旺旺web api(仅支持IE内核,利用ActiveXObject插件)Just click
60.
文件地址:http://a.tbcdn.cn/apps/lottery/indexv3/js/webtribe.js
61.
清理隐藏的定时器减轻浏览器压力
62.
Q & A
Download now