高性能web站点---前端页面

构建高性能的web站点，前端页面的优化必不可少，

1.尽可能的减少css,js,图片文件的数量及大小，通常可将css文件与js文件都合并在单独的文件中，js文件最好能混淆后在发布，图片最好采用大图片，例如百度的图片基本上都采

用长串的图片做为背景，使用background-position属性选用需要显示的图片。或者使用内联图片，例如src=”data:image/gif;base64,R0lGODlhDAAMAL...”

   这样做的原因是减少页面加载时请求服务器的次数，很多网站比较慢是因为开始加载的东西太多，而时间都消耗在跟服务器建立连接上。

2.css样式文件在页面的head中引入，js部分均在页面底部引入。使得脚本的加载并不影响页面的显示，即先加载页面元素呈现给访问者，再加载js实现页面功能。

3.做好浏览器缓存。服务器与浏览器通信过程中，我们往往都忽略了http表头的设置，设置图片、文件等较长时间的缓存，当用户第二次访问你的网站时，就可以体验近乎于本地的访问了。

4.交互传输过程中的数据压缩。对这块印象最深的是flex的blazeds框架，前后台数据传输时使用二进制数据流的方式，请求速度提升了至少5到6倍。一般的可以在服务器端开启gzib压缩传输。