快速做好网站的前端性能优化

    在网站的用户体验中，网站浏览速度应该是占很大比重的。

    在电子商务站中，在任一个一步的网页中，网页速度加载过慢，可能会影响购物者心情。

    怎样才算做好了前端优化，有很多评测工具如Yahoo Yshow 和Google page Speed 。
网页版的有webpagetest.org和 Pingdom.com
他们各有各的评分标准，总结后，有几项常见规则如下：

    1.减少http请求，原则是合并css文件，Js文件和小图片。

    2.压缩JS和css文件，并gzip输出。

    3.CSS放在页面头部，JS放在页尾 。 让页面在执行JS前显示出来

    4.给静态文件的header头加上过期时间。让用户访问本地缓存

    5.把静态文件放在外部。有钱的话直接用CDN .
没钱的解决是注册一个新的域名存放这些文件。因为主域名里面可能包含了很多的cookie之类的信息。
请求的时候会带很多的多余的header信息。

    6. 用div布局，不要再css里用正则。

    下面是在apache中的一些设置。放在.htaccess中。是对文件缓存和压缩。

<FilesMatch “\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf|cur)$”>
Header set Expires “Thu, 15 Apr 2037 20:00:00 GMT”
</FilesMatch>

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/javascript text/css application/x-javascript application/javascript
</IfModule>

Header unset ETag
FileETag None