12
返回列表 发帖
qiulingkai

Rank: 3Rank: 3

UID
274949 
帖子
20 
精华
0 
贡献
0  
推广
0  
有效BUG
0  
注册时间
2010-4-7 
1# 跳转到 » 倒序看帖
打印
tT
发表于 2010-5-23 21:46 | 只看该作者

[经验交流] 空白页laji代码太多，严重影响速度

空白, 速度, 代码
空白页laji代码太多，严重影响速度，

代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-cn" xml:lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>空白页</title>
<style type="text/css">
body, ul, ol, dl, dt, dd, form, legend, fieldset, h1, h2, h3, h4, h5, h6, p, input {
margin: 0;
padding: 0;
}
body, a, select, input, td, th, button {
font: 12px/1.5 /*'Microsoft Yahei',*/arial, 'SimSun', sans-serif;
}
a img {
border: 0 none;
}
.clear {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}
ul, ol {
list-style: none;
}
.doc {
display:none;
margin: 0 auto;
padding:0 10px;
width: 960px;
color: #010101;
}
a, a:link, a:visited {
text-decoration: underline;
color: #010101;
}
.hd {
padding: 40px 0 30px;
}
.bd {
clear: both;
}
.search fieldset {
border: 0 none;
}
.search legend {
display: none;
}
.search {
margin: 0 auto;
width: 425px;
}
.engine {
margin: 0 10px 0 0;
line-height: 2em;
}
.engine input {
vertical-align: middle;
}
.q {
padding: 3px 0 3px 25px;
width: 310px;
vertical-align: middle;
background: #fff url("google.ico") 5px 3px no-repeat;
border: 1px solid #eff7ff;
outline:none;
}
.qs {
margin:0 0 0 5px;
padding:1px 0;
width: 80px;
vertical-align: middle;
}
.qc {
display: inline-block;
border: 1px solid #a8b9d7;
}
.search li {
clear: both;
}
.site {/*43/18*/
float: left;
position: relative;
z-index: 10;
margin: 0 18px 20px;
width: 190px;
}
.site-icon {
margin:0 2px 0 5px;
width: 16px;
height: 16px;
vertical-align: middle;
}
.site-capture {
overflow:hidden;
display: block;
padding:0 5px 0 0;
-moz-outline: none;
background: #fff;
}
/*.site-capture em {
overflow:hidden;
display:block;
height: 108px;
cursor:pointer;
background:#f9f9f9 url("icon-add.gif") 50% 50% no-repeat;
}*/
.site-capture img{
width:100%;
}
.site-url, .site-url:link, .site-url:visited {
overflow: hidden;
display: block;
height: 25px;
line-height: 25px;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
-moz-outline:none;
}
.site-bd {
padding: 0 0 0 5px;
}
.rnd span {
display: block;
height: 1px;
line-height: 1px;
font-size: 0;
text-indent:-9999px;
}
.rnd span {
background: #e5e4e4;
}
.round-north,.round-south{
position:relative;
z-index:3;
}
.round-north,.round-south{
height:5px;
line-height:5px;
}
.round span,.round em{
position:absolute;
z-index:3;
width:5px;
height:5px;
font-size:0;
z-index:5;
background:url("icon-ball.gif") 0 0 no-repeat;
}
.round span{
left:0;
}
.round em{
right:0;
}
.site-bd,.site-capture {
background: #e5e4e4 url('bg1.gif') 0 0 repeat-y;
}
.site-capture{
background-position:100% 0;
}
.site-actions {
display: none;
padding:0 0 0 3px;
border:1px solid #70a4df;
border-width:0 1px;
}
.site-actions,.site-action-inner,.site-action-inner2{
background:url('bg3.gif') 0 0 no-repeat;
}
.site-action-inner{
padding:0 3px 0 0;
background-position:100% -36px;
}
.site-action-inner2{
height: 18px;
line-height: 18px;
background-position:0 -18px;
background-repeat:repeat-x;
}
.round-north,.round-south{
background:url('bg2.gif') 0 0 repeat-x;
}
.round-south{
background-position:0 -5px;
}
.round em{
background-position:-5px 0;
}
.round .round-south span{
background-position:0 -5px;
}
.round .round-south em{
background-position:-5px -5px;
}
.entry:hover .site-hd,.hover .site-hd {
position: absolute;
top: -18px;
left: 0;
width: 100%;
}
.entry:hover {/* .site-bd*/
padding-top: 5px;
}
.site-actions a {
position:absolute;
top:4px;
z-index:5;
overflow: hidden;
width: 17px;
height: 17px;
text-indent: -9999px;
}
.entry:hover .round-north,.hover .round-north{
background-position:0 -10px;
}
.entry:hover .round-south,.hover .round-south{
background-position:0 -15px;
}
.entry:hover .site-bd,.hover .site-bd {
background-color:#b1d0f1;
background-position:0 100%;
}
.entry:hover .site-capture,.hover .site-capture {
background-color:#b1d0f1;
background-position:100% 100%;
}
.entry:hover .round span,.hover .round span{
background-position:0 -10px;
}
.entry:hover .round em,.hover .round em{
background-position:-5px -10px;
}
.entry:hover .round .round-south span,.hover .round .round-south span{
background-position:0 -15px;
}
.entry:hover .round .round-south em,.hover .round .round-south em{
background-position:-5px -15px;
}

.entry:hover .site-hd .site-actions {
display: block;
}
.hover .site-hd .site-actions {
display: block;
}
.hover {/* .site-bd*/
padding-top: 5px;
}
.rnd .rnd1 {
margin: 0 4px;
}
.rnd .rnd2 {
margin: 0 2px;
}
.rnd .rnd3 {
margin: 0 1px;
height: 2px;
line-height: 2px;
}
.dialy {
clear: both;
margin: 0 25px;
padding: 50px 0 0;
}
.dialy-bd {
overflow: hidden;
height: 2em;
line-height: 2em;
background: #e7eff7;
}
.dialy p {
overflow: hidden;
padding: 0 20px 0 30px;
white-space: nowrap;
text-overflow: ellipsis;
background: url('icon-dilay.png') 10px 50% no-repeat;
}
.navigator {
float: right;
display: block;
width: 55px;
padding: 0 5px 0 20px;
}
.navigator a {
display: inline-block;
margin: 2px 3px 0 3px;
width: 20px;
height: 20px;
line-height: 25px;
background: url("icon-navigator.png") 0 0 no-repeat;
}
.navigator a, .navigator a:link, .navigator a:visited {
text-decoration: none;
-moz-outline: none;
}
.navigator .prev {
background-position: 10px 5px;
}
.navigator .next {
background-position: -17px 5px;
}
.navigator a.disabled, .navigator a.disabled:link, .navigator a.disabled:visited {
cursor: default;
opacity: 0.5;
-ms-filter: "progidXImageTransform.Microsoft.Alpha(opacity=50)";
filter: progidXImageTransform.Microsoft.Alpha(opacity=50);
}
.page-switcher, .page-switcher:link, .page-switcher:visited {
position: absolute;
bottom: 10px;
right: 20px;
z-index: 999;
text-decoration: none;
}
.light, .light:link, .light:visited {
color: #2a6bb4;
}
.messenger{
position:absolute;
right:250px;
top:10px;
width:250px;
z-index:1001;
opacity: 0.9;
-ms-filter: "progidXImageTransform.Microsoft.Alpha(opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.messenger .rnd span{
background:#e3b858;
}
.messenger .messenger-bd{
overflow:hidden;
padding:0 10px;
height:25px;
line-height:26px;
white-space:nowrap;
text-overflow:ellipsis;
background:#ffc;
border:1px solid #ebd09c;
}
.messenger-rollback{
position:absolute;
right:1px;
top:1px;
z-index:10;
padding:0 15px 0 20px;
height:25px;
line-height:26px;
background:#ffc;
}
.messenger-rollback,.messenger-rollback:link,.messenger-rollback:visited{
font-weight:700;
text-decoration:underline;
color:#2b5c94;
}
.ui-autofill-dialog {
position: absolute;
z-index: 1000;
left: 200px;
top: 100px;
display: none;
width: 500px;
border:2px solid #414141;
}
.ui-autofill-dialog form {
padding: 10px 25px;
}
.ui-autofill-dialog legend {
display: none;
}
.ui-autofill-dialog fieldset {
clear: both;
border: 0 none;
}
.ui-autofill-dialog .label, .ui-autofill-dialog .field, .ui-autofill-dialog li {
float: left;
}
.ui-autofill-dialog h4 {
line-height: 25px;
font-size: 12px;
text-indent: 5px;
}
.ui-autofill-dialog li {
padding: 5px 0;
width: 100%;
}
.ui-autofill-dialog .first {
padding-top: 0;
}
.ui-autofill-dialog .label {
padding: 0 10px 0 0;
width: 80px;
text-align: right;
}
.ui-autofill-dialog .tf1 {
padding: 2px 2px 2px 0;
width: 320px;
}
.ui-autofill-dialog .close {
position: absolute;
z-index: 10;
right: 5px;
top: 5px;
width: 25px;
height: 25px;
background:url('icon-close.gif') 50% 50% no-repeat;
}
.ui-canvas {
position: absolute;
z-index: 998;
left: 0;
top: 0;
display: none;
width: 0;
height: 0;
background: #414141;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity: 0.9;
}
.ui-autofill-dialog form,.ui-autofill-dialog .site-bd, .ui-autofill-dialog .rnd span{
background: #fff;
}
.ui-autofill-dialog .button{
padding:20px 0 5px;
text-align:right;
}
.ui-autofill-dialog .button input {
margin:0 0 0 10px;
width: 80px;
}
.site-actions a{
background:url("icons.gif") 0 0 no-repeat;
}
.site-actions .action-edit,.site-actions .action-edit:link,.site-actions .action-edit:visited{
left:27px;
background-position:0 0;
}
.site-actions .action-edit:hover,.site-actions .action-edit:active{
background-position:0 -68px;
}
.site-actions .action-del,.site-actions .action-del:link,.site-actions .action-del:visited{
right:5px;
background-position:0 -51px;
}
.site-actions .action-del:hover,.site-actions .action-del:active{
background-position:0 -119px;
}
.site-actions .action-lock,.site-actions .action-lock:link,.site-actions .action-lock:visited{
left:5px;
background-position:0 -35px;
}
.site-actions .action-lock:hover,.site-actions .action-lock:active{
background-position:0 -102px;
}
.site-actions .locked,.site-actions .locked:link,.site-actions .locked:visited{
background-position:0 -18px;
}
.site-actions .locked:hover,.site-actions .locked:active{
background-position:0 -85px;
}
.search-wrapper{
margin:0 auto;
width:500px;
}
.search-bd{
padding:10px 0;
}
.search-wrapper .round-north,.search-wrapper .round-south,.search-bd{
background:#f6fbfd;
}
.search-wrapper .round-north span,.search-wrapper .round-north em,.search-wrapper .round-south span,.search-wrapper .round-south em{
background:url("bg-corner.gif") 0 0 no-repeat;
}
.search-wrapper .round-north span{
background-position:0 0;
}
.search-wrapper .round-north em{
background-position:100% 0;
}
.search-wrapper .round-south span{
background-position:0 -5px;
}
.search-wrapper .round-south em{
background-position:100% -5px;
}
</style>
<!--[if lte ie 7]>
<style type="text/css">
.dialy ,.site ,.site-bd,.site-bd,.site-ft{
zoom: 1;
}
</style>
<![endif]-->
<!--[if ie 6]>
<style type="text/css">
.hd, .search {
zoom: 1;
}
.site {
display: inline;
}
.site-url, .site-url:link, .site-url:visited {
padding:4px 0;
height:auto;
width: 100%;
line-height:16px;
vertical-align:text-bottom;
}
.dialy p {
width: 80%;
}
.site-icon,.engine input{
vertical-align:text-bottom;
}
</style>
<![endif]-->
<script src="loader_compiled.js" type="text/javascript"></script>
</head>
<body>
<div class="doc" id="doc">
  <div class="hd" id="hd">
   <div class="search-wrapper">
    <div class="round round-north"><span></span><em></em></div>
    <div class="search-bd" id="searchWrapper"></div>
    <div class="round round-south"><span></span><em></em></div>
   </div>
  </div>
  <div class="bd">
    <ul class="sites" id="sites"></ul>
    <div class="clear"></div>
    <div class="dialy" style="display:none">
      <div class="dialy-hd rnd rnd-hd"><span class="rnd1">r</span><span class="rnd2">r</span><span class="rnd3">r</span></div>
      <div class="dialy-bd"> <span class="navigator"> <a class="prev disabled" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a></span><p><!-- data filled here --></p></div>
      <div class="dialy-ft rnd rnd-ft"> <span class="rnd3">r</span><span class="rnd2">r</span> <span class="rnd1">r</span></div>
    </div>
    </div>
</div>
<div class="ui-component ui-panel ui-autofill-dialog" id="autoFillDialog"></div>
<a hidefocus="true" id="pageSwitcher" class="page-switcher light" href="#">展开↑</a>
<script type="text/javascript">
//<![CDATA[
try{
var twBlankIcon = external.twGetBlankLog(external.twGetSecurityID(window));
}catch(e){}
var PageUtil = {
_trigger:document.getElementById("pageSwitcher"),
_doc:document.getElementById("doc"),
_init:false,
setVisible:function(b){
  if(b){
   this._doc.style.display = "block";
   this._trigger.innerHTML = "收起↓";
   document.body.style.background = "none";
  }else{
   this._doc.style.display = "none";
   this._trigger.innerHTML = "展开↑";
   document.body.style.background = "url('"+twBlankIcon+"') 0 100% no-repeat";
  }
  try{
   external.SetOptionValue(external.twGetSecurityID(window),"Option","TWBlnkExp",b?"1":"0");
  }catch(e){}
},
isVisible:function(){
  return this._doc.style.display == "block";
},
_loadResource:function(){
  var _this = this;
  //USE A LOADER TO RETRIEVE RESOURCE ON DEMAND
  var loader = ResourceLoader.getDefaultLoader();
  loader.reserve("ioage_compiled.js");//
  loader.listen(ResourceLoader.STATE_COMPLETE,function(length){
   _this.setVisible(true);
   ioage.ui.BlankUtil.init();
  });
  loader.load();
},
init:function(){
  var _this = this,expand = false;
  try{
   var state = external.GetOptionValue(external.twGetSecurityID(window),"Option","TWBlnkExp");
   if(typeof state != "undefined" && state != "" && parseInt(state)==1)
    expand = true;
  }catch(e){}
  
  if(expand){
   this._loadResource();
   _this._init = true;
  }else{
   //add theworld icon
   document.body.style.background = "url('"+twBlankIcon+"') 0 100% no-repeat";
  }
  this._trigger.onclick = function(){
   if(!_this.isVisible()){
    if(!_this._init){
     _this._loadResource();
     _this._init = true;
    }
    _this.setVisible(true);
   }else{
    _this.setVisible(false);
   }
   return false;
  }
}
}
PageUtil.init();
var repaint = function(){
    var allimg =document.getElementsByTagName("img");
    for(var i=0;i<allimg.length;i++){
     var item = allimg;
     if(item.parentNode.getAttribute("source"))
         allimg.src=ioage.browser.TWToolkit.getInstance().getSiteSnap(item.parentNode.getAttribute("source"))+"?r="+Math.random().toFixed(4);
    }
}
var cleanup = function(){
document.search.q.value = "";
}
//]]>
</script>
</body>
</html>
收藏 分享

coac

Rank: 2

UID
283339 
帖子
3 
精华
0 
贡献
0  
推广
0  
有效BUG
0  
注册时间
2010-5-23 
2#
发表于 2010-5-23 21:52 | 只看该作者
空白代码影响很小吧

TOP

xiayule

Rank: 12Rank: 12Rank: 12

UID
5259 
帖子
472 
精华
0 
贡献
0  
推广
1  
有效BUG
0  
注册时间
2005-11-26 
3#
发表于 2010-5-23 21:58 | 只看该作者
这个代码里面 包含了css 布局 等等 script 脚本代码;的确是有点大...

TOP

jym2005

UID
7131 
帖子
18194 
精华
0 
贡献
7  
推广
0  
有效BUG
1  
来自
邪王真眼 
注册时间
2006-1-18 

体验用户21-25个有效BUG
4#
发表于 2010-5-23 22:01 | 只看该作者
提示: 作者被禁止或删除 内容自动屏蔽
http://valid.canardpc.com/cache/banner/2854499.png
新浪/腾讯/饭否@小蛐蛐   twitter @jiayiming
如有过滤规则需要更新，请尽量原帖反馈提醒。

TOP

tset0000

Rank: 4

UID
200692 
帖子
45 
精华
0 
贡献
0  
推广
0  
有效BUG
0  
注册时间
2009-5-13 
5#
发表于 2010-5-24 00:01 | 只看该作者
一个查看原代码就能让你这么发牢骚

TOP

deliriumli

Rank: 4

UID
176406 
帖子
134 
精华
0 
贡献
0  
推广
0  
有效BUG
0  
注册时间
2009-1-30 
6#
发表于 2010-5-24 00:20 | 只看该作者
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title></head><body></body></html>
主力 Firefox
备用 K-MeleonCCFME
       chromium
       TW 3

TOP

3258

Rank: 4

UID
96383 
帖子
107 
精华
0 
贡献
0  
推广
0  
有效BUG
0  
注册时间
2008-3-6 
7#
发表于 2010-5-24 06:23 | 只看该作者
一个查看原代码就能让你这么发牢骚
tset0000 发表于 2010-5-24 00:01 http://bbs.ioage.com/cn/images/common/back.gif

根本就没必要的东西.

TOP

金泰研

Rank: 4

UID
283060 
帖子
120 
精华
0 
贡献
0  
推广
0  
有效BUG
0  
来自
韩国 
注册时间
2010-5-22 
8#
发表于 2010-5-24 09:04 | 只看该作者
oh!Gee!
如果。说出你的愿望！听得见吗？

TOP

qiulingkai

Rank: 3Rank: 3

UID
274949 
帖子
20 
精华
0 
贡献
0  
推广
0  
有效BUG
0  
注册时间
2010-4-7 
9#
发表于 2010-5-29 19:26 | 只看该作者
可以看看IE8里面的源文件,只有一段代码

<HTML></HTML>

TOP

xiazi0222

Rank: 12Rank: 12Rank: 12

UID
179296 
帖子
5965 
精华
0 
贡献
0  
推广
5  
有效BUG
0  
来自
天朝-北京 
注册时间
2009-2-11 

阅贴大师体验用户26-30个有效BUG
10#
发表于 2010-5-29 19:38 | 只看该作者
9# qiulingkai
大哥，这不仅仅是空白页好不好。。。
看清楚底下还有展开。。是带八宫格的
世界之窗6QQ群：330611509

TOP

xiazi0222

Rank: 12Rank: 12Rank: 12

UID
179296 
帖子
5965 
精华
0 
贡献
0  
推广
5  
有效BUG
0  
来自
天朝-北京 
注册时间
2009-2-11 

阅贴大师体验用户26-30个有效BUG
11#
发表于 2010-5-29 19:39 | 只看该作者
9# qiulingkai
你用about:blank这个空白页是没有任何功能的
所以源码是<HEML></HTML>希望楼主下次看清楚了
世界之窗6QQ群：330611509

TOP

hukailin

Rank: 11Rank: 11Rank: 11Rank: 11

UID
16317 
帖子
2004 
精华
0 
贡献
0  
推广
0  
有效BUG
0  
注册时间
2006-8-7 
12#
发表于 2010-5-29 19:50 | 只看该作者
9# qiulingkai  
你用about:blank这个空白页是没有任何功能的
所以源码是希望楼主下次看清楚了
xiazi0222 发表于 2010-5-29 19:39 http://bbs.ioage.com/cn/images/common/back.gif


可惜现在TW不给我机会打开about:blank

TOP

12
返回列表