加载的优化
体验的优化
网络越快越好（服务器网速要好，接口要多,静态资源放cdn，在不同地区部署服务器）
东西体积越少越好（压缩图片css,js，Gzip）
东西数量越少越好（合并icon,css,js,图片，生产环境资源要打包合并）
服务器处理的越快越好（后端接口要设计好，数据查询是否合理，服务中转，）
能重复利用的最好重复利用（通用的css,js,服务器开启缓存（设置合理缓存时间））
懒加载，预加载
只给用户暂时需要的东西（首页静态化（同构），文件打包时做合理的分块（可复用·），模块按需加载）
别让用户感觉卡顿（代码优化，大量循环，减少dom操作,用户滚动时函数节流）
动画不要卡（多用css3动画，少用js动画，不用定时器模拟动画,css 3d会有GPU帮助（开启硬件加速）,动画移动时用transform，absolute,不用margin-left,margin-right）
//开启硬件加速:transform: translateZ(0)
引用：
性能优化
性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化 - 内存优化 性能分析工具 - Tra...
性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化- 内存优化 性能分析工具 - Trac...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（上）...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（中）...
性能优化 性能优化模式 常见性能优化策略的总结 Spark 性能优化指南——基础篇 Spark 性能优化指南——高...
性能优化专题 前端性能优化 数据库性能优化 jvm和多线程优化 架构层面优化 缓存性能优化 常用的后端性能优化六大...
webpack性能优化 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度 优化调试功能 生产...
本文主要包含： 性能优化 - 卡顿性能优化 - 耗电优化性能优化 - APP启动优化安装包瘦身 一 性能优化 -...
React性能优化 React性能优化主要分三块： React 组件性能优化 属性传递优化针对单组件性能优化，很多...
Android性能优化 内存泄漏和性能优化方式Android性能优化（上）数据库优化和网络优化Android性能优...
本文标题：性能优化
本文链接：https://www.haomeiwen.com/subject/bmrbtftx.html
网友评论