web性能优化之规范篇
来源:互联网 发布:孕妇大肚照软件 编辑:程序博客网 时间:2024/06/06 16:15
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.尽量少的重定向
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
未完待续...
阅读全文
0 0
- web性能优化之规范篇
- Web性能优化之Apache篇
- web性能优化之DOM篇
- web性能优化之CSS篇
- web性能优化之javascript篇
- web性能优化(项目的规范&优化)
- PHP开发规范之性能优化分享
- 浅析PHP开发规范之性能优化
- 性能优化-WEB篇
- web前端开发编码规范及性能优化
- web开发性能优化---扩展性能篇
- web开发性能优化---扩展性能篇
- Web 页面性能优化之内容
- Web前端性能优化之CDN加速
- Web前端性能优化之反向代理
- WEB性能优化之GZIP压缩
- Web前端性能优化之CDN加速
- Web前端性能优化之反向代理
- 设计模式之禅笔记-状态模式
- 畅通工程(最小生成树)【HDU】-1863
- Android学习之调用系统联系人页面返回联系人信息
- Android 使用内置的Camera应用程序捕获图像
- :2/1,3/2,5/3,8/5,13/8,21/13... 编写方法,求出这个数列的前20项之和。
- web性能优化之规范篇
- 利用openssl crypto进行RSA非对称加密签名
- Android开发 第八课 布局 LinearLayout
- 安卓学习中遇到的问题及经验小记
- Git版本控制详解
- KNN的C++实现
- RecyclerView中放入EditText出现的问题
- maven利用nc瑞士军刀自动上传打包文件
- C++设计模式 -> 创建型 -> 工厂方式(FactoryMethod)