网页打开速度的快慢不仅和网速有关,也和网页的代码有关系。网页的整体页面越大,加载的时间会越长,这不仅影响了搜索引擎的抓取,也影响了客户浏览网页的心情。所以在做网站的时候,应尽量把一些没有必要的代码去掉,以减少网页文件的大小,让搜索引擎快速找到重要的内容。整个网页最好不要超过50K,文字内容最好在5一10K之间。
网页减肥重点涉及以下几个要点:
1,CSS样式
在定义css样式的时候,能合并一起写的尽量要合并在一起。
网站像ul, img, a, a:hover等一些标签,这些标签在网站上显示的样式通常都相同,所以在CSS开始的时候要将样式统一设置一下,.避免在网页布局用到的时候还需要在每个ID或者Class中重复设置,使CSS增大。
CSS不要放在页面的标签中。一个网站往往会用到许多个ID或者Class,如果放在页面上,会使整个页面加大,不利于优化,所以要把所有CSS文件单独存放在命名为CSS的外部文件中。
2, JavaScript
(1)将网页的公共部分转换为脚本并存于js文件里。这样可以减少文件大小,加快下载速度,同时也方便管理。不过千万不要将导航等优化的关键代码转换成js,否则搜索引擎搜索不到。
转换方式:
例如原来是<h1>丰胸减肥</h1>
转换成脚本为:document.write(“<h1>丰胸减肥</hl>”);
(2)简化JS中的函数名称和变量。例如,Google里面的函数名称只有1个或者2个字符。
3,不要轻易使用网页减肥工具
现在网上流行许多给网页减肥的工具,不过不建议使用,毕竟都不是智能的,有的时候对网页的结构根本分辨不出来,甚至错误地去掉一些代码,例如把标签的后半部分去掉等,造成网页破版。有调整破版的时间,还不如自己按照前面介绍的网页减肥方法来操作。
4,建议不要把网页中的回车或空格删除
每个人布局都有自己的习惯,笔者的习惯是,在上级和下级之间用两个空格,因为这样方便查找整个网站的框架结构,要么网站很难寻找,也浪费时间。