数据分析-09-lighthouse 性能工具
是什么?
Automated auditing, performance metrics, and best practices for the web.
https://developer.chrome.com/docs/lighthouse/overview/
入门
install
npm install -g lighthouse
# or use yarn:
# y...
2020-06-03 05:34:28 |
Data
数据分析-08-PerformanceObserver 性能监控使用入门
介绍
PerformanceObserver 可用于获取性能相关的数据,例如首帧fp、首屏fcp、首次有意义的绘制 fmp等等。
构造函数
PerformanceObserver() 创建并返回一个新的 PerformanceObserver 对象。
提供的方法
PerformanceObserver.observe() 当记录的性能指标在指定的 entryTypes 之中时,将调...
2020-06-03 05:34:28 |
Data
数据分析-08-PerformanceObserver api
PerformanceObserver()
PerformanceObserver() 构造函数使用给定的观察者回调创建一个新的 PerformanceObserver 对象。
当通过 observe() 方法为已注册的条目类型记录性能条目事件时,将调用观察者回调。
语法
new PerformanceObserver(callback)
例子
const observer =...
2020-06-03 05:34:28 |
Data
数据分析-07-前端埋点开源组件
monitor
一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、页面性能并上报服务端的SDK
cloudr-f2e.github.io/monitor-demo/#/
webfunny
webfunny 是一款轻量级的前端监控系统,webfunny也是一款前端性能监控系统,无埋点监控前端日志,实时分析前端健康状态。
https://github.com/a5978...
2020-06-03 05:34:28 |
Data
数据分析-06-如何实现前端埋点? H5 monitor
PC端、移动端H5数据埋点JSSDK
目前只实现了基本的事件上报设计,更贴合业务的埋点可在此设计基础上扩展,比如上报时间戳、页面停留时长、页面渲染时长等。
安装
// 页面head引入
<script src="./webTrack.js"></script>
二、配置
track对象中的clientConfig为埋点配置项:
serverUr...
2020-06-03 05:34:28 |
Data
数据分析-05-前端埋点介绍
前端 or 后端?
埋点技术除了刚才的方式划分,还可以划分为前端埋点和后端埋点,后端埋点数据更可靠、更集中(且没有前端的多端问题)、更实时。
这篇文章主要是讨论前端埋点。
根据工作中对埋点的对比和整理,我们简单比较部分埋点方案:
对于语义明确的UI事件,自动埋点的数据一般会比手动埋点更加准确,更贴近用户行为,也更节省开发成本,侵入性更低。
主要是因为自动埋点语义简单明确,不像手动埋...
2020-06-03 05:34:28 |
Data
数据分析-04-入门推荐的书籍和资料
#
学习路线
SQL
书籍:《SQL必知必会》/,《MySQL必知必会》
Python/R:
都知道python等编程语言是分析师的必备工具,多种编程语言只需要熟练一种即可.
入门书籍:《利用python进行数据分析》
课程:course上的《python for everybody》等
当然也不是所有的python知识都需要掌握,他只是工具,只需要掌握常用的关于数据分析的三...
2020-06-03 05:34:28 |
Data
数据分析-03-用户行为分析
作用
在产品的设计与运营过程中,通过数据对用户行为进行分析,我们可以总结分析出用户行为与产品之间的关联,并针对性地对产品做出改进。
为什么要做用户行为分析
用户行为数据时指在产品内进行各种操作产生的数据。
比如:访问、浏览和行为事件。每个访问事件可由多个浏览事件和点击事件构成。
同样的可以理解为5个元素构成:who、when、where、how、what。谁在什么时间,什么地点以什...
2020-06-03 05:34:28 |
Data