优化web.docx
- 文档编号:16963290
- 上传时间:2023-07-20
- 格式:DOCX
- 页数:8
- 大小:23.76KB
优化web.docx
《优化web.docx》由会员分享,可在线阅读,更多相关《优化web.docx(8页珍藏版)》请在冰点文库上搜索。
优化web
一、不要将整个页面放到到一个table中
一般大家都是用表格来进行布局的,将整个页面的内容都塞进了一个Table(表格)里,然后再由单元格td来划分各个“块”的布局,这种网站的显示速度是绝对慢的。
因为Table要等里面所有的内容都加载完毕后才显示出来的,如果某些内容无法访问,就会拖延整个页面的访问速度。
在布局时把整个页面分成三部分,头部top、中部middle、版权(尾部)bottom、中部最好再多分几部分,因为,现在大家的首页一般都是分成好几个栏目的内容,其实都可以分开放,不要全都塞到一个Table里。
多用几个table,尤其是广告联盟的代码什么的,尽量放到一个单独的table;比较慢的广告代码,用个table直接放到最底下。
反正访问的人最关心的、第一个要看的不是版权信息。
顺便说一下,我上次的那个代码--做个例子
之前,我在网上看到一段代码, ,
后来优化的。
我都放出来,大家对比下
未优化的时候,文件大小3k,table里套table,
优化后 文件夹2k,1个table
可以比比速度,看一下原代码[昨天刚注册的com.ru,绑了个html免费空间,也不知道速度怎么样--在这个垃圾空间上,优化的效果比较明显噢 编辑ps:
com.ru绑顶出错,换了一个,替自己ad下,谁有空间,给点赞助。
二、不要放太大的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最好是先下载再传到自己的网页空间。
最好是文字链接:
感觉比较整洁,另外,尽量和同行网站交换连接,可以把其中的有些字连接起来,当作自己站的关键字。
比如:
你是一个学生站,对方站的名字叫“**大学学生论坛”,可以写成这样:
。
关于文字
1.处理网页中的文字,禁止直接复制粘贴WORD中的文字,应将文字粘贴至记事本后再使用。
用户无特殊要求时,一般汉字采用宋体,英文数字采用Arial,日文采用MS明朝。
2.必须使用CSS样式表来定义整个网站文字风格。
3.为了保证不同浏览器上字号保持一致,字号建议用点数pt或像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px和14.7px,这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px的字号比较合适。
4.排版中我们经常会遇到需要进行首行缩进的处理,不要使用 或者全角空格来达到效果,规范的做法是在样式表中定义p{text-indent:
2em;},然后给每一段加上
标记。
注意,一般情况下,请不要省略
结束标记。5.不同语种的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外。
汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。
6.所有的字号都应该用样式表来实现,禁止在页面中出现
7.请不要在网页中连续出现多于两个的 也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。
8.中英文混排时,我们尽可能的将英文和数字定义为verdana和arial两种字体。
9.行距建议用百分比来定义,常用的两个行距(line-height)的值是120%和150%。
关于代码
1.为了保证网站能够与下一代的web语言xml标准兼容,所有的HTML标签的属性都要用单引号或者双引号括起,即我们应该写
2.允许全文检索的页面,为了使Internet上的搜索引擎能够有效检索,在频道的首页的html的
之间应该加入Keywords和Description元标记,例如:CODE:
[Copytoclipboard]
3.a:
link、a:
visited、a:
hover、a:
actived按此顺序排列,否则或多或少会出问题。
另外约定重定义的最先,伪类其次,自定义最后,便于自己和他人阅读。
关于表格
1.处理网页中的表格禁止直接复制粘贴WORD中的表格,应在网页制作软件中制作表格。
在空的单元格中,应插入一些与网页背景颜色相同的点,使表格在浏览器显示比较美观。
2.高度大于等于12px的单元格应该在
3.一般情况下只有一列的表格,width写在
标签内。 总之遵循一条原则: 不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的,也就是你改动代码中任何一个width和height的数值,都应该在浏览器中看到变化。 4.在排布表格之前,一定要思考出一个最佳的方案,表格的嵌套尽量控制在三层以内,并且应该尽量避免 5.一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。 如果必须这样做,请使用 | 标记,以便能够使这个大表格分块显示。