性能优化

优化的思路

加载的优化
体验的优化

加载的优化

网络越快越好(服务器网速要好,接口要多,静态资源放cdn,在不同地区部署服务器)
东西体积越少越好(压缩图片css,js,Gzip)
东西数量越少越好(合并icon,css,js,图片,生产环境资源要打包合并)
服务器处理的越快越好(后端接口要设计好,数据查询是否合理,服务中转,)
能重复利用的最好重复利用(通用的css,js,服务器开启缓存(设置合理缓存时间))
懒加载,预加载

体验的优化

只给用户暂时需要的东西(首页静态化(同构),文件打包时做合理的分块(可复用·),模块按需加载)
别让用户感觉卡顿(代码优化,大量循环,减少dom操作,用户滚动时函数节流)
动画不要卡(多用css3动画,少用js动画,不用定时器模拟动画,css 3d会有GPU帮助(开启硬件加速),动画移动时用transform,absolute,不用margin-left,margin-right)
//开启硬件加速:transform: translateZ(0)
引用:
性能优化

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • H5性能优化方案 H5性能优化意义 对于一个H5的产品,功能无疑很重要,但是性能同样是用户体验中不可或缺的一环。原...
    自然心情阅读 12,451评论 0 14
  • AJax 优化 缓存 Ajax 请求尽量使用GET, 仅取决于cookie数量 Cookie 优化 减少Cooki...
    KeKeMars阅读 13,092评论 5 89
  • H5性能优化意义 对于一个H5的产品,功能无疑很重要,但是性能同样是用户体验中不可或缺的一环。原本H5的渲染性能就...
    7ece657ee3b6阅读 5,498评论 0 2
  • H5性能优化意义 对于一个H5的产品,功能无疑很重要,但是性能同样是用户体验中不可或缺的一环。原本H5的渲染性能就...
    望月成三人阅读 4,592评论 1 10
  • 围绕前端的性能多如牛毛,涉及到方方面面,以我我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列注意,是罗列不是展...
    流动码文阅读 3,950评论 0 0

友情链接更多精彩内容