Web性能优化

1.压缩图片和码源：

Js可以混淆压缩，css可以普通压缩，jap可压缩约0.5-0.7,png可压缩颜色数如24-8色。

 

2.选择合适的图片格式：

颜色数较多用jpg,较少png，如可判断支持webp，就用webp和svg.

 

3.合并静态资源：

包括css,js和小图片，减少http请求（sprite图）。

 

4.开启服务器Gzip压缩：

对文本有效（对含有重复单词的文本文件尤其有效），对图片资源基本无效。

 

5.使用CDN静态资源地址：

（css js,normalize,jq）,增加并发下载量，和其他网站共享缓存。

 

6.延长静态页面缓存时间：

不过要在更新时，通过修改文件名的方式，保证用户会获取到最新的内容。

 

7：把css放在页面头部，把js放在页面底部：

不会阻塞页面渲染。

 

8.浏览器对资源限制并发连接数，而不是浏览器地址栏中的得页面域名，所以很多资源可以放置到其他域名下（不同的子域名也被认为是不同的域名）如只有一台服务器，可以把不同的域名指向同一ip，可以提高并发的限制。

静态资源放在非主域名下，除了可以增加并发，还有一个好处是减少HTTP请求中不必要的cookie数据.如cookie的作用域名是www.google.com那么对于www.google.com域名下的所有请求都会带上cookie数据，对于静态资源来讲，是毫无必要的，会影响带宽与连接速度，所以把静态资源放在单独域名下，并合并同一域名下的资源。

 

9.省掉不必要的http请求（优化利用有限的http请求）：内嵌小css，内嵌小型js ,设置缓存，减少重定向。