web性能优化之规范篇

1. css置顶，js置底：原因是浏览器是从上到下渲染的
2. 图片精灵合并图片
3. chrome浏览器gzip压缩后发送
4. cache-control和expires合理设置
5. keep-alive合理使用：Connection: Keep-Alive  Keep-Alive:timeout=20
6. If-Modified-Since和Last-Modified配合判断文件是否修改（文件修改时间）
7. If-None-Match和ETag配合判断文件是否修改（一般是文件名或内容）
8. less和jsx等文件尽量在打包时解析
9. 压缩或减少cookie
10.chrome上使用webp替代jpg等格式图片
11.打包时合并部分css和js文件
12.适当使用ajax缓存
13.尽量不要用table布局
14.按需延迟加载js和css等资源文件，组件化思想，相关工具有requirejs等
15.懒加载图片和预加载图片结合：懒加载图片就是不要一开始就加载所有图片（滚动滚动条时再加载，一般用在有大量图片的页面），预加载图片就是这个图片我还没有看就预先加载该图片（一般用在一张张照片翻看的相册中）
16.移动页面不建议使用jQuery
17.尽量少的重定向

18.尽量不要在样式中使用expression

未完待续...