网站代码该如何优化?

作者:liang 发布于: 2015-7-26 09:27:38
liang 发表于 2015-7-26 09:27:38 |阅读模式
      说到网站代码优化,可能有些朋友不知道该如何下手,以及该如何真正做好网站站内代码优化,提升网站的打开速度和网站的SEO优化。并使我们网站的用户体验,能得到一个很好的提升。段亮认为有以下几点原因,影响着网站的优化:

      一、对JS文件的存放位置
      想必大家都知道放JS的位置吧?可能大多数只知道位于<head>标签之间,只有很少本分人知道放置</body>之前。本人建议:除非你的JS是一打开网站就需要用到的,可以放到head标签内,其余的可以放置</body>之前,这样可以大大的提升你网站的打开速度。因为:网页的加载顺序是从上往下加载,如果说你的JS,都放置在头部的话,这样就得先解析完JS,才能解析HTML代码。

      二、合并CSS,减少HTTP请求次数
      如果说你网站有大量的CSS外部文件,那么建议你对CSS进行合并。因为每多链接一个CSS文件,就得多向http请求一次。这样就使得你网站的加载速度变得慢了。对于大型站,一般CSS都是内嵌写在<head>标签(头部),因为这样,能少http的请求次数,进一步提升网站的打开速度。
      你要想淘宝那种大型网站每天的访问量多大,你就可想而知了!
                                                    1.jpg

      三、img标签的四大必写属性
      想必很多人都不清楚img标签有哪些属性是必须写的,以及为什么这样写了的好处在哪里?
      原因:一般人可能只对<img>标签填写src属性,就是链接地址。而没填写其它属性。那么填写其它属性有什么好处呢?以及有哪些属性是我们需要填写的呢?
      img标签四大必须写的属性为:srcwidth、height、alt。      1、src就不需要我多说了吧?不可能图片没有链接地址吧?
      2、那么为什么要给图片定义宽高呢?因为你定义了标签内的高度和宽度,这样就不要使服务器重新渲染加载。
      3、做SEO的都知道:图片是不能被蜘蛛直接识别的,只有加了alt属性后,蜘蛛才知道这张图片的含义是什么。
      PS:对于小图片(图标)使用CSS精灵技术(就是做成一张大图,把这些小图标或者图片,放到一张图里面),因为这样减少了HTTP请求次数,从而进一步提升了网站的打开速度,这样也有利于SEO优化。

      四、对代码进行压缩
      网上有html代码压缩的工具,以及一些在线压缩的网站,可以对我们网站自身的代码进行压缩,这样就是提高我们网站的打开速度,并且有利于用户体验。
       总结:其实我们大多数站长们做SEO优化,都忽略了网站的站内优化,过于注重站外优化。

       本文出自代友吧,如需转载,请注明出处!
      本文出处:http://www.daiyou8.com/thread-46-1.html



上一篇:sitemap网站地图生成器
下一篇:网站开发-搭建网站的流程(一)
回复

使用道具 举报

加载中