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

王朝互联网·作者佚名  2011-12-16
窄屏简体版  字體: 小  |  中  |  大  |  超大  

你的网站是不是因为所有的大图片而经常加载的很慢?大约需要一个普通的拨号用户多长时间来耐心地等待一个网站在他/她的浏览器上完全加载?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>

这是采用上述所述HTML代码的网页御览:

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航