Dansion's 日志

在不考虑服务器硬件性能及带宽,也暂不考虑用户的网速,单从网站开发过及维护的角度去提升级网站的速度.

 一.减少HTTP请求次数.
    1.减少外部资源文件,合并页面引的JS,CSS文件(网上也有将JS和CSS合并的方法)
    2.页面修饰用到的图片尽可能的用CSS背景定位方式去实现.减少图片数量
  
 二.减小被请求文件大小.
    1.减小修饰图片的大小,有时可以牺牲一些设计.
    2.减小CSS文件大小,尽可能的用简写方式.
    3.可以用js混淆去少变量名,函数的长度,从而减少JS文件大小.比较简单方式直接用一些工具(如:JSMin 和YUI Compressor).
    4.可用gzip对HTML页面进行压缩.
    5.删除页面的CSS,js,html中的注释,空格,换行符.用工具软件,或是自己写程序处理.
    6.用URL重写让网站的链接变短,使<a>的href属性字符变短,从而达到减小html大小.(特别针对是页面链接数较多的大网站)
    7.尽量减少网站目录的名的字符长度,如images可以用img表示.也可以达到减少html页面大小的目的(比较变态的方法,针对大网站).
    
 三.提高客户端响应速度.
    1.优化客户端JS脚本的性能.尽可能把一些JS文件放置页面底部.
    2.优化Flash的性能.甚用setinterval,duplicateMovieClip等占用内存语句.
    3.尽可能给<img>加上长度属性.(影响不大,会增加页面设计的麻烦,此法可省)
    4.css中不要用expression语句.
    5.页面onmouseover尽可能用CSS中的:hover实现.(IE7,FF下绝大部份的HTML标签支持)
    6.大幅FLASH,图片广告可以考虑用<iframe>去引用.使页面内容优化展现.
    7.不要用表格对页面进行布局.

 四.让浏览器同时能请求更多的数据.
    1.针对IE等浏览器在同域下只能同时有两个HTTP请求.可以增设一些域名方式,比如图片用一个image.dansion.com二级域下

 五.充份利用客户端缓存
   1.增加WEB服务器的Expires Header,配置ETags.
    2.对客户端做好版本控制.

六.提升WEB服务器响应速度.
    1.对主页等一些访问量较大的页面进实行静态化,或服务器缓存.
    2.多台服务器情况下,可以针对服务器不同响应速度分别存放不同响应需求的文件.

补充:
     对一些响应速效慢的面页增加友善的加载效果.虽不能提升级速度的方法,但是一个有效的处理方式.增加用户体验.