优化网页HTML代码提高网页访问速度
时间:2008-09-28
来源:互联网
一、不要将整个页面放到到一个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=\"关键字\">
网址: http://www.关键字.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(表格)里,然后再由单元格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=\"关键字\">
网址: http://www.关键字.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>
作者: 水晶 发布时间: 2008-09-28
优化后:
<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>
<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>
作者: 水晶 发布时间: 2008-09-28
用户被禁言,该主题自动屏蔽!
作者: 黑心鬼 发布时间: 2008-10-01
我是新人,学习了
作者: yuxing4 发布时间: 2008-10-02
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28