【小5聊】移动开发性能优化解决卡顿眩晕问题提高用户体验
友盟+应用性能监控平台U-APM
目录
一、 场景化内容卡顿
1. 项目背景
2. 遇到的挑战
3. 解决步骤
4. 项目总结
二、 产品体验内容
1. 集成接入友盟+应用性能监控平台U-APM
2. 集成接入使用体验总结与分享
3. 对产品的建议和意见
一、 场景化内容卡顿
1. 项目背景
登录页面,底层背景添加多张静态图片,能够从下网上流畅移动,达到一个给用户相对体验比较好的视觉效果。
如果图片移动不恰当,那么就会给人造成一种不舒服的视觉效果,有一种卡顿不好体验
目标框架:APP+H5,实际就是使用静态页面html开发
2. 遇到的挑战
解决多张静态图片移动卡顿的问题,那么就需要有一定的逻辑处理基础,编写代码到一个让图片流畅的过程。
找到一个平滑移动的方法,对于一个初学者来说也许是个不小的挑战
3. 解决步骤
1) 图片布局和样式设置
假设有5张图片,设置图片的样式为位置position:absolute相对布局
2) 图片初始位置计算
根据图片高度,由上往下依次给图片设定一定的top值
3) 设置好时间值、速度值和总移动值
在间隔极短的60毫秒里移动0.6px像素值,那么在每一秒内的移动就会显得非常流畅和平滑,就不会出现移动图片有眩晕和卡顿的现象
4) 关键代码
var moveT=30; //移动时间值
var speedV=0.6; //移动速度值
var moveV=0; //总共移动值
setInterval(function(){moveT+=speedV;if(moveV>=($("#scrollImg").height() - $(document).height())){moveV=0;}$("#scrollImg").css("top","-"+moveV+'px')
});
4. 项目总结
任何一款高效的APP都需要从小功能小细节打磨开始,这里虽然没有太高深的技术亮点和难点,但是就是把这些小功能小细节完善好,也是对用户一个非常好的用户体验。
二、 产品体验内容
1. 集成接入友盟+应用性能监控平台U-APM
1) 创建应用
2) 友盟统计
2. 集成接入使用体验总结与分享
1) 总结
个人认为还是不错的体验,对于我们很多APP开发者而言,提供了一个非常好的优化工具,并且是多维度的呈现出APP的整体运行情况。
从多维度的数据展示里,让我们更加专注业务逻辑的修改和完善,大大提高APP的用户体验和性能!
2) 分享
对于友盟+U-APM这款产品,我是非常极力推荐分享给身边的同行和朋友,因为产品功能是非常棒的。
3. 对产品的建议和意见
1) 可以出一个视频教程,针对初级或入门的APP开发者,可以录制一些相对基础的一些视频教程,比如集成接入教程,从进入友盟+官网到申请创建应用,再用实际APP开发集成接入成功的过程,也许这样子会让APP开发者有一定的直观认识!
2) 针对于中高级开发,又可以录制一些比较复杂一点的功能视频
3) 再或者录制一些友盟+新出的功能集成和使用的教程视频
【小5聊】移动开发性能优化解决卡顿眩晕问题提高用户体验相关推荐
- Android性能优化 - 消除卡顿
性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化 - 内存优化 性能分析工具 - TraceView Android性能分析工具 消除卡顿 什么是卡顿及卡顿的衡量标准 产生卡 ...
- UITableView性能优化与卡顿
UITableView性能优化与卡顿问题 最常用的就是cell的重用, 注册重用标识符 如果不重用cell时,每当一个cell显示到屏幕上时,就会重新创建一个新的cell 如果有很多数据的时候,就会堆 ...
- android 北斗定位代码_大牛三步教你解决,BAT资深APP性能优化系列-卡顿定位问题,收藏哦
前言 讲解的内容大体包含,异步优化,启动优化,卡顿优化,内存优化,ARTHook, 监控耗时盲区,网络,电量,瘦身及APP容灾方案等 性能优化的系统学习方法 330页 PDF Android进阶核心笔 ...
- Android app性能优化解决卡慢顿之布局优化
前面博客分析了导致app卡顿慢的直接原因,这里就从原因出发,分析一些优化方案(这里主要是从直接影响渲染机制的布局相关进行分析) 1) Invalidations, Layouts, and Perfo ...
- java线程太多卡顿_性能优化之卡顿延迟
和你一起终身学习,这里是程序员 Android 本篇文章主要介绍 Android 开发中的部分知识点,通过阅读本篇文章,您将收获以下内容: 1.UI 渲染简介 2.识别延迟 3.Visual insp ...
- iOS性能优化-UI卡顿检测
前言 在实现需求的同时,能写出既优雅性能又高效的代码是每个开发者都在追求的目标,但是在实际开发中,随着每个版本需求的迭代,功能变得越来越复杂,加上开发者的意识不够或者一时疏忽,日渐复杂的工程很容易产生 ...
- 转:Android应用开发性能优化完全分析
转自:http://blog.csdn.net/yanbober/article/details/48394201 1 背景 其实有点不想写这篇文章的,但是又想写,有些矛盾.不想写的原因是随便上网一搜 ...
- Android应用开发性能优化完全分析
1 背景 其实有点不想写这篇文章的,但是又想写,有些矛盾.不想写的原因是随便上网一搜一堆关于性能的建议,感觉大家你一总结.我一总结的都说到了很多优化注意事项,但是看过这些文章后大多数存在一个问题就是只 ...
- U3D开发性能优化笔记(待增加版本.x)
Amir Fasshihi 优化方案: 一.遇到麻烦时要调用"垃圾回收器"(Garbage Collector,无用单元收集程序,以下简称GC) 由于具有C/C++游戏编程背景,我 ...
- Web项目开发性能优化解决方案
web开发性能优化---安全篇 1.ip验证 2.操作日志.安全日志.登录日志 3.SQL注入校验 4.权限管理 5.验证规范(前端.后端.数据库约束) 2014-10-29 08:04 2773 ...
最新文章
- Mac环境下svn的使用
- Android登录拦截器实现方式(二)
- Java Math的 floor,round和ceil的总结 ,java基础知识
- [转]Data mining with WEKA, Part 3: Nearest Neighbor and server-side library
- 汇编.s文件包含头文件处理
- 手机联系人头像包_一组抖音上很火的表情包,这里都有,一起来可可爱爱吧
- Android 异步获取网络图片并处理图片Out Of Memory 内存溢出问题
- PHP数组foreach后使用current取值的问题
- while求和java,while语句基本练习(求和思想,统计思想)
- IE如何兼容placeholder属性
- 我的世界服务器权限组权限修改器,我的世界op权限组指令是什么 op权限组指令汇总...
- 本科专业计算机课程,本科计算机专业有哪些课程
- 如何阅读一本书-读书笔记
- meebo FireFox add-on
- 我用 Python 画了一盘粽子送给大家
- 网上银行系统信息安全通用规范【学习笔记】
- 06_2_Pytorch的基础数据类型、CPU tensor类型和GPU tensor类型、判断数据类型、CPU或GPU张量之间的转换、数据类型转换、1-4维向量、Tensor张量、Variable等
- android开机背景设置,设置开机动态壁纸
- 人工智能节目主持人诞生
- 魔力宝贝 - 窗口分辨率修改