快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

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


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








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

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

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


返回类别: 教程
上一教程: 传Google将以10亿美元收购AOL5%股份
下一教程: 函数自动提取身份证号码信息

您可以阅读与"优化你的站点,让它加载的再快一些 "相关的教程:
· 优化你的宽带 提升WINDOWS上网速度
· 确保你的站点是支持索引程序的
· 如何使你的站点被百度有效收录和欢迎
· 使你的网站更专业--谈网站优化
· 搜索引擎优化最常犯的五个错误(二)
    微笑服务 优质保证 索取样品