网站前段性能优化-品友互动

12

- -

www.LAMPER.cn
QQ 83304912
http://weibo.com/lampercn

Copyright@2012 iPinyou All Rights Reserved.

•
•
•


网站前段性能优化-品友互动

• DTD(doctype)


• DTD(doctype)
•


• DTD(doctype)
•
• GET


Window.open
Page2

Page1
Server

(Local)
Page2


• DTD(doctype)
•
• GET
•


• DTD(doctype)
•
• GET
•
• CSS
•


IE6-7: 2
Safari: 4
Opera: 4
IE8-9: 6
Firefox: 6
Chrome: 6


Async Script
Script defer
•
• DOMContentLoaded
• Firefox Chrome

ControlJS(http://www.stevesouders.com/controljs/)
• DOMContentLoaded
•

CommentJS(Google)
•
•


ImageLazyLoad

1. <img id='lazy' lasy_src='photo.jpg'/>

2. var lazy = document.getElementById('lazy');

lazy.src=lazy. getAttribute('lazy_src');


DomContentLoaded
Load


ControlJS


ImageLazyLoad

ControlJS


document.write

•
•
<script src='http://www.xxxx.com/ad.js'>
</script>
•
•
Ad.js
document.write('xxx.js');


Id

•
<div id= 'adv' ></div>
•
•
document.getElementById('adv' ).innerHTML=…;


Iframe

•
<iframe src='http://otherdomain.com'></iframe>
•
http://otherdomain.com/index.html
•
<script src='http://www.xxx.com/ad.js'></script>
•

• onload


Iframe

•
<iframe src=‘http://www.otherdomain.com’></iframe>

•
http://www.otherdomain.com:

•
<body onload=‘loadScript’>
<script>• onload
function loadScript(){
//load ad javascript code
•
}
</script>
</body>


Hadoop Redis Hbase Hive Pig
Oozie Ganglia Flume Lucene LIBSVM
Mahout Zookeeper…………
Zookeeper…………

Optimus Folo8

!!!!
http://www.ipinyou.com.cn

http://weibo.com/pinyouhudong

http://weibo.com/pinyouhudonghr !!!!
hr@ipinyou.com

网站前段性能优化-品友互动

More Related Content

Similar to 网站前段性能优化-品友互动 (20)

More from Shaoning Pan (20)

Recently uploaded (20)

网站前段性能优化-品友互动