2015-11-01 分类: 网站建设
1、head部分代码规范化
head部分代码是比较关键的,因为这是搜索引擎蜘蛛爬行我们整个网站的一个入口。现在很多网站头部代码都是一样的,千篇一律,对于搜索引擎蜘蛛来说是非常不青睐的。网站优化要做的就是代码规范化,建立网站独一无二的head部分,让我们搜索引擎蜘蛛再抓取的时候保持新鲜感,这样才能更好的吸引蜘蛛的爬行抓取。
2、p+CSS的使用
以前做网站很多人都喜欢用表格,但是这几年表格table渐渐地不被大家使用了,p+CSS布局成为了大家普遍使用的。
table不被大家使用,最主要就是因为使用它大大增加了网页的大小,特别是多层表格的嵌套,这种布局不仅提升了体积,而且如果嵌套太多的话还会影响到搜索引擎蜘蛛的爬行,对于站点的收录也有一定的影响。
现在很多网站会使用外部文件的条用,将css和js放在外部文件中,页面html中只要放一样代码调用就可以了,有时候我们去查看的一些源文件代码,会看到很多css代码以及javasript代码,将javascript放置在网站页面的html文件中的最前面,而真正能用得到一些文字部分就被推倒了html的后面,这样的使用是非常的简洁的,这也是为什么p+CSS布局会这么受欢迎的一个重要原因。
3、CSS代码本身的优化
代码的优化,CSS代码这块也是不容忽略的,因为CSS是页面效果呈现众非常重要的组成部分,其实包括颜色、大小尺寸、背景和字体等,这些都是需要我们的做样式的。其实CSS样式在编写的时候还是比较简单的,但是如果要精简,要符合搜索引擎蜘蛛的喜好,那么是需要一些技巧的。
①、CSS的位置
如果说CSS样式出现在我们网站之后,那么页面需要重新进行渲染,对于网站打开的速度也会受到一定的影响,所以在使用CSS的时候尽量放在网站之前。
②、csssprite技术
在进行网站建设的时候,网站上的一些图片可以采用csssprite技术进行合并,减少加载请求次数,从而提高网页的加载速度。
③、CSS代码优化
CSS代码优化这是我们在编写的时候要考虑的,通过对css代码属性的简写、移除多余的结构(frameworks)和重设(resets)等一系列的方法和技巧来简化css代码,减小css文件的大小。
④、尽量不要使用内嵌式CSS
CSS样式在使用的时候尽量不要使用内嵌式的,内嵌式CSS分为两种,一是在head区域的普通内嵌式;二是在标签内出现的行内内嵌式CSS,无论是何种内嵌CSS方式结果都会提升页面的体积,对此,我们可以尽量使用外调式的CSS来为站点页面的体积瘦身。
CSS样式的简化,也就是我们代码的简化,对于搜索引擎蜘蛛来说在抓取的时候耗费的时间更少,这样简化的代码也是蜘蛛比较喜欢的。
4、JS位置、大小等负面的优化
JS优化与其他语言的优化也仍然有相同之处,JS优化的关键,仍然是要把精力放在最关键的地方,也就是瓶颈上,一般来说,瓶颈总是出现在大规模循环的地方,这倒不是说循环本身有性能问题,而是循环会迅速放大可能存在的性能问题。
①、JS位置
网页代码中对js进行优化的时候,将JS放在页面最后,这样可以加快页面打开速度。
②、合并JS
合并相同域名下的js,通过减少网络连接次数从而提高网页的打开速度。
③、LazyLoad(延迟加载)技术
LazyLoad是一个用JavaScript编写的jQuery插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置。
④、JS代码外部的调用
搜索引擎蜘蛛对于JS代码是比较难识别的,所以在网站中最好不要出现太多JS代码,对于收录会有很大的影响,所以比较好的办法就是将用到的Javascript代码用外部调用的形式放在网站中,这样可以很好的简化代码,搜索引擎在抓取的时候也可以更加快速。
⑤、降低页面对于JS的依赖性
搜索引擎对于JS代码并不是很友好,所以我们要降低页面对于JS依赖性,特别是在页面的导航、头部等这些关键位置,尽量不要使用JS,多采用p+CSS布局设计的方法。
5、减少Ttable标签的使用
上面在说到p+CSS布局的时候,就提到了table,以前大家用的比较多,但是现在用的越来越少了,因为p+CSS布局已经足够的成熟了,这里我们就不多说了。
6、代码注释省略少量使用
很多程序员在进行代码编写的时候都习惯在别人看不懂的地方注释以下,这些代码主要是为了让几个程序员之间协同工作,但是对于外人和搜索引擎来说没有任何的用户,相反还会给蜘蛛在抓取的时候带来一定的困扰,增加了页面代码的容量,对网站没有任何作用。如果说为了几个程序员之间看得懂,那么在网站上线之前建议删除掉。
7、精简代码
很多网站建设人员有着自己代码的书写习惯,页面会出现很多的空格代码、style和font重复定义的代码,并不是他们不会编写,只是一种习惯而已。但是不要小看这些代码,如果出现的多了,其实对于网站来说是冗余的。为了后期优化排名、权重的提升,这些代码我们应该尽量的去精简,以前一些不好的编写习惯尽量改掉。
8、将html控制方式转换为CSS控制
很多网页设计人员习惯在标签中对内容进行控制,比如说img标签里面通过width和height来控制图片的大小,尽量将这些代码采用外部CSS调用,这样更加的简洁,使我们网页代码更加精简。
9、静态资源的缓存
通过设置浏览器缓存,将css、js等不太经常更新的文件缓存在浏览器端,这样同一访客再次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,而不必每次都从你的服务器读取,这样在一定程度上加快了网站的打开速度,又可以节约你的服务器流量。
10、网页压缩技术
对于网页压缩而言,相信各位站长都比较熟悉,主要是启用服务器Gzip,对页面Gzip压缩,减少元素的体积,从而减少数据的传输,进而提高网页的加载速度,这个功能需要你的服务器的支持,GZIP压缩一般能对网页进行30%-80%的压缩,是最重要的一种优化效果。
网页题目:网站怎么优化代码和标签_成都网站优化
浏览路径:https://www.cdcxhl.com/news/37348.html
成都网站建设公司_创新互联,为您提供网站改版、外贸建站、软件开发、网站设计公司、标签优化、Google
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容