或者

网站程序代码优化要点

作者:数风流人物 浏览:182 发布时间:2017-04-14
分享 评论 0

代码优化一方面就是整理页面的源代码,调整代码层次、顺序,形成清晰、条理的代码结构,去除页面中多余的、没用的代码,缩小页面体积,从而加速用户浏览页面的速度,提高搜索引擎友好度及用户的体验度;另一方面,在代码优化过程中,通过优化技术的实施,提高页面相关性。代码优化的主要工作包括整理代码、优化JavaScript、使用权重标签及优化图片。


1)整理代码:是指去除页面中多余的、没用的代码,缩小页面体积,加快用户浏览页面的速度及提升用户体验度的目的,包括:清理垃圾代码,删除页面中的垃圾冗余代码,常见的垃圾代码包括空格、默认属性、注释语句及空语句等;简化HTML标签,使用短标签替换在网页中实现同样效果的长标签。例如<b>与<strong>,两者都是对字体进行加粗,但是<strong>却比<b>多出了五个字符,如果一个页面上有上百个加粗标签,则会产生不少的冗余代码;css优化,使用div+css的方式制作页面,一方面可以防止垃圾代码的产生,另一方面可以减少重复代码,不管对于搜索引擎还是普通用户都是非常友好的。对于搜索引擎来说,div+css制作的页面代码简单、清晰、占用空间少;对于普通用户来说,在下载页面时,div+css方式是以<div></div>为单位,其内容远少于表格,页面打开时自然也会更流畅。但是目前搜索引擎并不解析css的内容,因此css优化主要是改变css的调用方式以及避免使用css为主要内容定义样式,以达到精简页面代码及提高页面相关性的目的,如把css样式内容放到外部文件中,使得css样式与页面分离,可以有效减少代码量,而且不用占用页面重要位置,让搜索引擎可以优先发现页面中相对重要的内容。同时,对页面中重要内容用样式标签单独定义,提高关键字与页面相关性。


2)优化JavaScript:JavaScript无论是对于普通用户还是搜索引擎都是极不友好的,我们在规划页面时要尽量避免使用JavaScript,因为到目前为止,搜索引擎并不解析JavaScrip生成的页面或者内容。如果网站中必须要用到的话,那么只需改变JavaScript的出现位置及调用方式即可。采取外部调用的方式,就是把JavaScript内容放到一个文件里,再在页面中调用,这样既不占用页面重要位置,又可精简大量代码,加快页面显示速度。


3)使用权重标签:权重标签即影响页面权重的HTML标签,如标题标签<h>、字体标签<font>、加粗标签<b>、下划线标签<u>等。对于页面中出现的关键字,通过使用权重标签加以强调,可以提高页面权重,增加页面相关性。


4)优化图片:搜索引擎不能识别图片中的文本内容,所以,对于页面中的重要内容,例如主关键字、辅关键字、频道名称、栏目名称等,我们不能以图片形式进行展示。而对于图片实施优化,可以使用与图片相关的关键字对图片命名;设置alt属性,alt属性是搜索引擎较为重视的HTML属性之一,因此在设置alt属性时,尽量将关键字设置其中;在图片周边增加相关的内容,这也是搜索引擎判断图片alt属性真实性的重要依据之一。