回复帖子
标题: 杭州志卓股份:网站seo部分代码优化详解
里脊肉猪后骨
注册会员
Rank: 2



UID 2986053
积分 341
帖子 50
阅读权限 30
注册 2018-1-18
状态 离线
杭州志卓股份:网站seo部分代码优化详解

在网站SEO优化中,为了减少网页的加载速度来提高用户体验,需要对网站中的代码进行优化,接下来杭州志卓股份SEOer为大家详细地介绍一下几个主要的代码。

1、HEAD部分代码 
 HEAD部分代码是搜索引擎爬行网站的入口部分,现在很多网站的头部代码都相当统一化,刻板效应明显十足,这样的网站代码是像模板框架一样是不被spider喜欢的,而我们要做的就是将网站的代码规范化,建立起网站独一无二的head部分,让搜索引擎有新鲜感,这样才能够吸引spider爬行。

2、DIV+CSS布局网页

老式的table布局虽然简单方便,但是会大大增加网页的体积,尤其是多层表格的嵌套,会影响到搜索引擎的爬行,甚至影响站点的收录,所以,在设计网站时,我们还是建议使用div+css布局网页。

3、CSS优化 
(1)CSS是页面效果呈现中非常重要的组成部分,它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易,但是要想写出精炼的CSS代码还是有很多技巧的。所有css定义代码的位置要放到网站之前,CSS说明如果出现在网站之后,页面需要重新渲染,打开速度受到影响。  
 
网站上的一些图片可以采用css sprite技术进行合并,减少加载请求次数,从而提高网页的加载速度。通过对css代码属性的简写、移除多余的结构(frameworks)和重设(resets)等一系列的方法和技巧来简化css代码,减小css文件的大小。 

(2)尽量不要使用内嵌式CSS 
内嵌式CSS分为两种,一是在head区域的普通内嵌式;二是在标签内出现的行内内嵌式CSS,无论是何种内嵌CSS方式结果都会提升页面的体积,对此,我们可以尽量使用外调式的CSS来为站点页面的体积瘦身。

4、JS优化
(1)JS优化与其他语言的优化也仍然有相同之处,JS优化的关键,仍然是要把精力放在最关键的地方,也就是瓶颈上,一般来说,瓶颈总是出现在大规模循环的地方,这倒不是说循环本身有性能问题,而是循环会迅速放大可能存在的性能问题。

网页代码中对js进行优化的时候,建议将JS放在页面最后,这样可以加快页面打开速度。合并相同域名下的js,通过减少网络连接次数从而提高网页的打开速度

(2)LazyLoad(延迟加载)技术
Lazy Load是一个用JavaScript编写的jQuery插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置。

6、代码注释省略 
打开页面代码我们经常会看到一些注释代码,这是程序员为了表明代码意义而做的注释,其实这些大可不必,因为对于搜索引擎而言,它们是不存在任何意义的,只是会增加了页面代码的容量,这样对于网站不会有什么利处,不如直接省略。

7、清除页面中多余的代码
有的网站以为制作者的代码书写习惯问题,页面会有很多空格代码,比如:空格代码、style和font重复定义的代码,不要小看这些体积很小的代码,积攒多了,也会使我们的网站异常的臃肿。 

8、将html控制方式转换为CSS控制
很多网页设计者习惯在标签内对内容进行控制,比如img标签里通过width和height来控制图片的大小,尽量将这些代码转换成外调式的CSS,使网页代码更加的瘦身。

顶部
 



当前时区 GMT+8, 现在时间是 2018-10-23 00:47
沪ICP备05002584号

Powered by D1scuz!  © 2001-2020 FOBShanghai.com
Processed in 1.011401 second(s), 8 queries , Gzip enabled ,243

清除 Cookies - 联系我们 - 福步外贸网 - Archiver - 手机WAP版 - 手机客户端 RSS 订阅全部论坛 ..