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

来源：互联网   发布日期：2006-11-21   浏览：731次  

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

赞助本站