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

未完待续...

你可能感兴趣的:(前端开发)