通过优化网页HTML代码提高网页访问速度

不要将整个页面放到到一个table中

一般大家都是用表格来进行布局的,将整个页面的内容都塞进了一个Table(表格)里,然后再由单元格td来划分各个“块”的布局,这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的,如果某些内容无法访问,就会拖延整个页面的访问速度。在布局时把整个页面分成三部分,头部top、中部middle、版权(尾部)bottom、中部最好再多分几部分,因为,现在大家的首页一般都是分成好几个栏目的内容,其实都可以分开放,不要全都塞到一个Table里。多用几个table,尤其是广告联盟的代码什么的,尽量放到一个单独的table ;比较慢的广告代码,用个table直接放到最底下。反正访问的人最关心的、第一个要看的不是版权信息。

二、不要放太大的Flash动画、图片,能用GIF格式的就不用JPG的。大图最好切成几块再拼。

三、尽量用静态HTML页面 ,少用点javascript特效,有时候搞的太多,反而搞的大家眼花,以前看到一个站,状态栏的文字替换狂快,就一直闪啊闪。。 没多少必要,别人是来看站上的文章的、mm图片的。。不是看特效,当然,适当的搞几个还是可以的,至少可以在超级菜鸟面前显示下自己的能力,让他们崇拜下。。

四、将ASP、PHP等文件的访问改为.js引用

如果你要在静态的HTML页面里嵌入动态的数据,而这些动态的数据是由ASP等程序来提供的话,每次有一个人访问你的网站,服务器就要执行并处理一次count.asp文件,从数据库抽取相应的数据,再输出给网页显示,如果有几万个人同时访问,就要执行几万次。建议在这些程序中将数据动态生成到一个count.js文件中去,然后在首页通过这样的代码来引用.js文件。这样,数据显示的任务就交给客户端的浏览器去做,不会耗费服务器的资源,显示速度自然就快一些。

五、使用iframe--这个大家都知道,很多GG都是这样发的 呵呵

使用iframe,这样就不会因为广告页面的延迟而拖了整个首页的显示。

六、计数器代码放置

直接把统计代码放到页面内容的前面,或者放在一个Table或者div标签里,那么在计数器不能访问的时候,你的页面上那个Table或者div就会产生几十秒钟的延迟,导致页面很长时间才能访问。正确的方法是:把统计代码放到页面的最下面,并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。

七、友情链接

很多人都喜欢直接引用友情网站上的图片URL,这样图片要先经过加载才能显示的,各个友情网站的访问速度不一样,整个表格都要等图片

都下载完了才能显示出来,这样大大降低了网页的速度,有时候说不定是几个红叉叉(被D?空间挂了。呵呵)。其实,LOGO最好是先下载再传到自己的网页空间。

最好是文字链接:感觉比较整洁,另外,尽量和同行网站交换连接,可以把其中的有些字连接起来,当作自己站的关键字。比如:你是一个学生站,对方站的名字叫 “**大学学生论坛”,可以写成这样:< A HREF="....">**大学< /A>< A HREF="....">学生< /A>< A HREF="....">论坛< /A>,这样不影响link,又突出了关键字。。

  最后再说几个seo的,昨天在网上看到的

  关键字主要有以下几个部位:

  标题标记:< TITLE>文本< /TITLE>

  META标记:

< META NAME="Description" CONTENT="网页简述"> < META NAME="Keywords" CONTENT="关键字">

  大标题标记:< H1>文本< /H1>等

  链接标记:< A HREF="http://yourcompany.com/page.htm">文本< /A>

  网页正文:< BODY>文本< /BODY>

  ALT标记: < IMG SRC="1.gif" BORDER=0 ALT="关键字">

  注释标记:< !--文本-->

  输入标记:< INPUT TYPE="HIDDEN" NAME="HIDDEN" VALUE="关键字">

  网址: 关键字.com/关键字.htm

直接给代码啦

未优化的时候

<TABLE cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD align=middle width="100%" colSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR height=4>

<TD width=7><IMG height=4 src="images/fk_top_left.gif" width=7 border=0></TD>

<TD width=* background=images/fk_top_bg.gif><IMG height=4 src="images/fk_top_bg.gif" border=0></TD>

<TD align=right width=7><IMG height=4 src="images/fk_top_right.gif" width=7 border=0></TD>

</TR>

</TBODY>

</TABLE></TD>

</TR>

<TR>

<TD align=middle width="100%" colSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD width=4 height="100%"><TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD background=images/fk_left_bg.gif></TD>

</TR>

</TBODY>

</TABLE></TD>

<TD align=middle width=*><A href="#" target=_blank><IMG height=63 src="images/sun521.jpg" width=84 border=0></A></TD>

<TD width=4 height="100%"><TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD background=images/fk_right_bg.gif></TD>

</TR>

</TBODY>

</TABLE></TD>

</TR>

</TBODY>

</TABLE></TD>

</TR>

<TR>

<TD align=middle width="100%" colSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR height=4>

<TD width=7><IMG height=4 src="images/fk_end_left.gif" width=7 border=0></TD>

<TD width=* background=images/fk_end_bg.gif><IMG height=4 src="images/fk_end_bg.gif" border=0></TD>

<TD align=right width=7><IMG height=4 src="images/fk_end_right.gif" width=7 border=0></TD>

</TR>

</TBODY>

</TABLE></TD>

</TR>

</TBODY>

</TABLE>

*********************

优化后的

<table border="0" id="table1" cellpadding="0" style="border-collapse: collapse" width="1" height="1">

<tr>

<td width="4" height="4"><img border="0" src="images/fk_top_left.gif" width="4" height="4"></td>

<td height="4"><img border="0" src="images/fk_top_bg.gif" width="100%" height="4"></td>

<td height="4" width="4"><img border="0" src="images/fk_top_right.gif" width="4" height="4"></td>

</tr>

<tr>

<td width="7"><img border="0" src="images/fk_left_bg.gif" width="4" height="100%"></td>

<td align="center"><IMG src="images/sun521.jpg" border=0></td>

<td width="7" align="right"><img border="0" src="images/fk_right_bg.gif" width="4" height="100%"></td>

</tr>

<tr>

<td width="4" height="4"><img border="0" src="images/fk_end_left.gif" width="4" height="4"></td>

<td height="4"><img border="0" src="images/fk_end_bg.gif" width="100%" height="4"></td>

<td width="4" height="4"><img border="0" src="images/fk_end_right.gif" width="4" height="4"></td>

</tr>

</table>

相关文章

  1. 站长对于优化有各自的体验

    站的访问情况,,因此这个工具深受站长的爱好,并且当你打开网页时你会经常性的看到统计代码被放在内容里面或是div或Table标签里.不过当计算器出现故障的时候,活动板房价格 济南活动板房div或Table标签就会出现一段时间的延迟,从而导致网站网页迟迟打不开,影响到网站的访问速度.所以我们要把统计代码 ...

  2. 优化网站访问速度:[1]前台代码篇

    方法/步骤 使用浏览器缓存 在HTTP headers设置有效日期可使浏览器优先从本地硬盘而不是从网络下载资源. 启用GZIP压缩 启用gzip或deflate压缩资源可以减少网络传输的字节数 将图片合并为CSS贴图 使用CSS sprites合并图片可减少下载资源,从而减少网页总体积.把多个图片合 ...

  3. 网站访问慢用PHP压缩html网页减小数据传输量

    网站访问慢可以利用PHP压缩html网页代码减小网络数据传输量,清除空格,制表符,注释标记.利用PHP压缩html网页代码来减小页面体积,提高网页前端的加载速度 (PHP压缩html主要就是通过清除空格,换行符,制表符,注释标记等来减小页面的体积,从而减小页面的数据传输量).网速的访问速度对于网站优 ...

  4. 如何提高网站访问速度

    一般影响网站打开速度除了服务器硬件.服务器带宽.用户自家的宽带外,网站自身对速度的影响也是起到非常重要,主要有以下几个方面: 1.程序执行的时间,WEB服务是居于请求式的,当用户打开一个网站,就是发送一个WEB请求,网站服务器会接受这个请求,如果网站不是静态页面,就需要执行程序,生成浏览器能执行的H ...

  5. 如何成为一名高级的前端工程师

    方法/步骤 入门篇: 学习简单的布局,入门 HTML css 和 js,做前端的就不必说了,html css 和 js 就像是 画家手中的画笔和颜料,只有对他们足够掌握,才能用他们来创造出精美的页面.在这里推荐一个权威的入门网站!w3c在这里你能学到所有基础知识! 入门要求: 1. 能掌握 HTML ...

  6. Apache下.htaccess文件的常用配置

    我们常用.htaccess文件来设置伪静态,或者用来做搜索引擎友好的301永久转向,或者是网页gzip的压缩,图片链接盗用保护等,当然除了这些常见的功能,下面这些有时候也很重要,比如通过.htaccess文件来提高你网站的安全度..htaccess文件是一个简单的文本文件,注意文件名前的" ...

  7. 20 种提升网页速度的技巧

    工具/原料 一台可以联网的电脑 Firefox 插件 Firebug 和 YSlow [先决条件] 在理想情况下,您应该安装了 Mozilla Firefox.您还应该大体了解 Web 开发.本文涉及的主题并不复杂,但是如果您了解超文本标记语言(Hypertext Markup Language,H ...

  8. 怎么样来提高页面loadtime?

    首先给大家列出几个阻碍loadtime提高的因素,有不足的欢迎补充: 1.页面大小: 2.页面连接数: 3.服务器抗压能力: 4.网络状况(包括带宽和网段等因素): 一.页面大小 页面大小是指页面内容的字节数. 在同等网络环境下,页面越小自然下载时间越快,所以在合理范围内减少页面大小是可以优化下载速 ...