优化你的站点,让它加载的再快一些

yoken 阅读:16218 2007-10-03 01:00:00 评论:9655
你的网站是不是因为所有的大图片而经常加载的很慢?大约需要一个普通的拨号用户多长时间来耐心地等待一个网站在他/她的浏览器上完全加载?60秒?30秒?

  经统计30秒是可以忍受的,实际上每位用户(尤其是56K或更慢的modem用户)都没有那么大的耐心在线等待,如果网站在20秒或者更短的时间内不能加载他们会点离你的网站。

  如果你的站点中采用了很多重磅的网络图片和Flash文件(尤其在主页上),你很可能处于极其不利的甚至危险的形式之下!你很可能面临丧失那些连接速度较慢的用户,而且坦率地讲,如果出现那种情况,是不是已让用户们失去了购买的情绪?

  许多人仍然通过简单的modem浏览网络获得信息。除非你的网站专门从事图片浏览,比如游戏查看站点或者这些图片对产品至关重要,否则的话尽量避免使用大图片。

  如果你必须使用大量的及大容量图片,你可以尝试将图片切割成小的图片或者将它们转换成优化的格式。

  下边列出了在网络上用来显示图片的两种常用的格式:

  GIF(图形交换格式)最适合于小于256色的图片——通常用于平面图,比如像公司的标识、导航按钮等等。

  JPEG(联合图像专家组)对于带有照相元素的图片是最好的格式——比如风景、汽车、人物脸部图片等等。

  如果你相应地优化你的图片,你可以将加载时间最高缩短50-70%。如果你先前的加载时间为30秒,你可以将其缩短至15秒之内! 这样对你的访客是不是太好了?

  当然了,在你优化网络图片时在质量和大小之间还需要权衡利弊。尺寸越小,质量越差,反之亦然。网络图片优化的关键是在合理的文件大小的情况下获得最佳的质量。

  文本又怎么样呢?是不是你的某个网页采用了太多的文本,其加载时间无法在20秒内完成?出现这种情况你怎么办?将它们分成小的网页?对了,如果采用表格呢?

  对,可以尝试将网站设计成表格!将一篇大的文本放入不同的表格中(不是表格之内套表格),这样管理方便而且网页也加载的很快!

  你的网站会从第一个表格开始到最后一个表格进行逐步显示,这样你的访客就可以在观看某些内容的过程中等待网站的全部加载。

  这是代码的示例:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

  <HTML><HEAD>

  <TITLE>Using Tables For Faster Loading Time</TITLE>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">

  <!--

  body {

  background-color: #CCCC99;

  }

  -->

  </style></HEAD>

  <BODY>

  <strong></strong>

  <table width="510" border="0" cellpadding="0" cellspacing="0" class="normal">

  <tr>

  <td valign="top" class="chapterCenter"><h1>A Sample Website Using Tables To Progressively

  Load Contents Or Text</h1>

  <p> </p></td>

  </tr>

  </table>

  <strong></strong>

  <table width="510" border="0" cellpadding="0" cellspacing="0" class="normal">

  <tr>

  <td valign="top" class="chapterCenter"><p>This table (table 2) will load right

  after the headline which resides in table 1 "A Sample Website Using Tables

  To Progressively Load Contents Or Text"</p>

  <p> </p></td>

  </tr>

  </table>

  <strong><!--Here‘s Table #3--></strong>

  <table width="510" border="0" cellpadding="0" cellspacing="0" class="normal">

  <tr>

  <td valign="top" class="chapterCenter"><p>This table (table 3) will load right after

  table 2 above. </p>

  <p> </p></td>

  </tr>

  </table>

  <strong><!--Here‘s Table #4--></strong>

  <table width="510" border="0" cellpadding="0" cellspacing="0" class="normal">

  <tr>

  <td valign="top" class="chapterCenter">This table (table 4) will load last because

  it‘s the last table on this web page before the closing tags </BODY></HTML></td>

  </tr>

  </table>

  </BODY>

  这样可以允许你的网页逐步的加载和显示(首先从表格1开始,然后是表格2,之后是表格3,最后是表格4),这样使用户能有东西可以阅读而无需等待网页全部加载完成。

  注意:不要使用嵌套表格(表格套表格),因为它不会有相同的效果而且会因浏览器在加载表格之内的任何表格之前需要完成加载主要的表格而最终降低了加载速度。嵌套表格非常难于控制。

  这就是文章的全部,希望您能在网站加载速度优化中获得乐趣!

转载保留链接!网址:http://80920140.com/post/13.html

标签:百度
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源; 2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任; 3.作者投稿可能会经我们编辑修改或补充。

搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容