iLeichun

当前位置: 首页 > 个人日志

使用替代图片解决网页加载速度慢

分类:个人日志   来源:原创   时间:2011-06-10 00:09:33

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>load test</title>

<script language="javascript" type="text/javascript">
 function hidden(){
  document.getElementById("proc").style.display = "none"
 }

 document.onreadystatechange = stateChange;
 function stateChange() {
  if(document.readyState == ¹complete¹) {
   //alert(¹completely complete¹);
   hidden();
  }
 }
</script>

</head>

<body>
   
 <div id="proc" name="proc">
  <table width="178" height="40" border="0" cellpadding="10" cellspacing="0" >
   <tr align="center" >
    <td class="fontreport">
     <font color="red"><img src="loading.gif" /></font>     
    </td>  
   </tr>
  </table>
 </div> 

 <p><img src="load_test.jpg" /></p>

 <p>当网页中含有较多大图片时,网页加载速度会很慢。有一个很好的解决办法是网页加载过程中暂时使用较小的替代图片先替换要加载的大图,待网页加载完成后再加载大图。</p>

</body>
</html>
 

更多