优化你的站点让它加载的再快一些
你的网站是否是由于所有的大图片而常常加载的很慢?大约需要一个普通的拨号用户多长时间来耐心地等待一个网站在他/她的浏览器上完全加载?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
<TITLEUsing Tables For Faster Loading Time</TITLE
<meta -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<h1A
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=chapterCenterThis 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