JS埋点 小结

今天在看《大型网站性能监测、分析与优化》一书，提到性能监测方式，才知道有这个名词 “JS埋点”。

大概作用：通过在web页面中，添加js脚本，实现对页面性能监测（如加载时间、服务器响应时间），最后将统计结果发送到服务器， 后台服务会对统计数据进行分析，进而通过数据对服务器性能有个可靠的了解。

在网上也搜到，其它作用：一般电商网站，会使用js埋点完成用户行为的监测，如页面停留时长、光标移动、滚屏等。

参考：

淘宝前段团队技术交流 http://taobaofed.org/blog/2016/04/01/lose-statistics/

数据采集与埋点 https://sensorsdata.cn/blog/shu-ju-jie-ru-yu-mai-dian/

埋点”到底要不要？——源自数据采集的痛苦、幻想与失望 https://36kr.com/p/5049940.html

数据埋点是什么？设置埋点的意义是什么？ https://www.zhihu.com/question/36411025

时间： 2024-10-11 14:00:33

JS埋点 小结的相关文章

JS事件模型小结

08年年初的一篇blog,转到这个博客上,想想当年跨浏览器真是一座山: 前几天看dojo的文档,其中多次提到DOM2事件模型,以前学习这部分的内容,主要愤慨于IE的不兼容性了,现在对于DOM2事件模型的概念又有些模糊,所以翻出了js权威指南(V4)又复习了一下,简单作一小结.       JS权威指南中将JS事件模型分为四种            1.原始事件模型:属性事件处理模式            2.标准事件模型:DOM2对其作了标准化            3.IE事件模型(IE5.5

js jq 笔记小结

Js第一课   1.vs新建步骤 文件——新建项目——web——空白web应用程序——取名.位置.确定——此时软件会自动生成一个sln文件(解决方案),一解决方案下面可以有多个项目. 点击项目——新建文件夹css和js和image——新建html页面取名demo1 (推荐设置:工具——选项——可以设置下字体和颜色:文本编辑器——把常用的几种语言设上行号颜色提示) 2.什么是js JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScr

JS高级技巧学习小结

安全类型检测 <script type="text/javascript"> //判断某个值是不是原生数组 function isArray(value){ return Object.prototype.toString.call(value)=="[object Array]"; } //判断某个值是不是原生函数 function isFunction(value){ return return Object.prototype.toString.c

java与js取整数小结

java 取整 (-)Math类 1.Math.floor : 返回double值,小于目标值的最大整数. 例 : String v = "13.5";  Math.floor(Double.parseDouble(v)); 结果 :13.0. String v = "-13.5";  Math.floor(Double.parseDouble(v)); 结果 :-14.0. 2.Math.ceil : 返回double值,大于目标值的最小整数. 例 :String

js性能优化小结

避免全局查找 浏览器访问局部变量的速度要比访问全局变量的速度更快,变量在作用域链中一层一层查找需要消耗时间. 1 // 不推荐 2 function fn(){ 3 document.getElementById('id1'); 4 document.getElementById('id2'); 5 } 6 7 // 推荐 8 function fn(){ 9 var doc = document; 10 doc.getElementById('id1'); 11 doc.getElementB

React.js学习知识小结（一）

学习React也有半个月了吧,这里对所学的基础知识做个简单的总结.自己先是跟着官方文档学,差不多学了四五天,也跟着入门教程做了一个简单的小栗子.然后跟着阮一峰老师的教程上手了几个小Demo,后来在网上发现了一本很好的书React.js小书,自己断断续续也学了几天,上面也几个实战的小项目,可以跟着练练手. 话不多说,就直接来总结吧! JSX 组件 区分props和state 生命周期函数 事件系统 高阶组件 React.js的context 函数式编程 使用PropTypes检查类型 ref属性和

js数据类型检测小结

在js中,有四种用于检测数据类型的方式,分别是: typeof 用来检测数据类型的运算符 instanceof 检测一个实例是否属于某个类 constructor 构造函数 Object.prototype.toString.call() 原型链上的Object对象的toString方法 下面我们就来分别介绍一下上面四种方法的适用场景和局限性. typeof 用来检测数据类型的运算符 使用typeof检测数据类型,返回值是字符串格式.能够返回的数据类型是:"number","

JS基础知识小结二

Javascript: 函数定义: 方式一:通过function关键字定义函数. 方式二:定义函数变量: var 函数变量 = function(参数1, 参数2, ..) { } 注意: 1)函数没有参数可以不指定参数: 2)函数参数不需要使用var修饰: 3)如果函数有参数,那么调用函数时候需要传入相应的实参(实际传入的参数): 4)函数不需要指定返回值类型,如果有返回值使用return返回数据,否则不需要return: return的另外一个作用:结束当前函数. 使用函数创建对象: 方式一

js操作节点小结

节点对象代表文档树中的一个单独的节点. 下面节点的API可以当词典使用哦!! 属性:(绝大部分都是只读的) 1 Attributes 存储节点的属性列表(只读) 2 childNodes 存储节点的子节点列表(只读) 3 dataType 返回此节点的数据类型 4 Definition 以DTD或XML模式给出的节点的定义(只读) 5 Doctype 指定文档类型节点(只读) 6 documentElement 返回文档的根元素(可读写) 7 firstChild 返回当前节点的第一个子节点(只