Web Performance API

性能监测/性能优化

https://developer.mozilla.org/en-US/docs/Web/API/Performance

https://developer.mozilla.org/en-US/docs/Web/API/Window/performance

window.performance;

performance.timing

performance.navigation

performance.memory

performance.getEntries();

performance.now();

performance.toJSON();

Performance Timeline

https://developer.mozilla.org/en-US/docs/Web/API/Performance_Timeline

Performance Timeline API定义了Performance接口的扩展，以支持应用程序内的客户端延迟测量

Navigation Timing API

https://developer.mozilla.org/en-US/docs/Web/API/Navigation_timing_API

Navigation Timing API提供的数据可用于衡量网站的性能

Navigation Timing

W3C Recommendation 17 December 2012

https://www.w3.org/TR/navigation-timing/

Navigation Timing Level 2

W3C Editor's Draft 21 January 2020

https://w3c.github.io/navigation-timing/

https://www.w3.org/TR/navigation-timing-2/

User Timing API

https://developer.mozilla.org/en-US/docs/Web/API/User_Timing_API

用户计时界面允许开发人员创建特定于应用程序的时间戳，这些时间戳是浏览器性能时间表的一部分

Resource Timing API

https://developer.mozilla.org/en-US/docs/Web/API/Resource_Timing_API

资源计时接口使您能够检索和分析有关应用程序资源加载的详细网络计时数据

refs

https://blog.cloudflare.com/browser-performance-api/

https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing

https://www.w3.org/TR/navigation-timing/

https://www.w3.org/2019/11/web-roadmaps/mobile/performance.zh.html

埋点/上报

  1. 使用的img标签get请求

  2. navigator.sendBeacon

https://developer.aliyun.com/article/752954

前端监控平台 & 架构

1px gif

https://www.cnblogs.com/xgqfrms/p/13090118.html

Transparent.gif

Transparent.gif ‎(1 × 1 pixels, file size: 42 bytes, MIME type: image/gif)

https://commons.wikimedia.org/wiki/File:Transparent.gif

https://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif

Beacon API

https://www.cnblogs.com/xgqfrms/p/13599628.html

refs

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

Web Performance API的更多相关文章

  1. Learning Web Performance with MDN

    Learning Web Performance with MDN Web 性能是客观的衡量标准,是加载时间和运行时的感知用户体验. https://developer.mozilla.org/en- ...

  2. HTML5权威指南--Web Storage,本地数据库,本地缓存API,Web Sockets API,Geolocation API(简要学习笔记二)

    1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息.   但是c ...

  3. 【HTML5】Web Audio API打造超炫的音乐可视化效果

    HTML5真是太多炫酷的东西了,其中Web Audio API算一个,琢磨着弄了个音乐可视化的demo,先上效果图: 项目演示:别说话,点我!  源码已经挂到github上了,有兴趣的同学也可以去st ...

  4. 【完全开源】百度地图Web service API C#.NET版，带地图显示控件、导航控件、POI查找控件

    目录 概述 功能 如何使用 参考帮助 概述 源代码主要包含三个项目,BMap.NET.BMap.NET.WindowsForm以及BMap.NET.WinformDemo. BMap.NET 对百度地 ...

  5. Web Performance Test : 为Request的Post参数名添加XPath支持

    问题描述 本文的标题看起来有些含糊其辞,这里我需要把问题阐述得更加清楚.这是我们使用VSTS进行Web Performance Test时,Asp.net造成的特定问题(也许其他开发工具或插件也会造成 ...

  6. 关于HTML5音频——audio标签和Web Audio API各平台浏览器的支持情况

    对比audio标签 和 Web Audio API 各平台浏览器的支持情况:   audio element Web Audio API desktop browsers Chrome 14 Yes  ...

  7. Web动画API教程2：AnimationPlayer和Timeline

    本文转载: Web动画API教程2:AnimationPlayer和Timeline

  8. Web动画API教程1：创建基本动画

    本人转载自: Web动画API教程1:创建基本动画

  9. Web Performance Test: 如果使用Plugin过滤Dependent Request

    前言 由于Visual Studio的Web Performance Test是基于XML脚本的,留给用户修改测试行为的自由度并不高.因此,Plugin机制就对于实现很多客户化的配置显得很重要. 问题 ...

随机推荐

  1. 【练习】goroutine chan 通道 总结

    1. fatal error: all goroutines are asleep - deadlock! 所有的协程都休眠了 - 死锁! package mainimport("fmt&q ...

  2. ftp协议服务器与tinyhttp服务demo

    https://www.jianshu.com/p/fb9fcb69efc9 ....... https://www.jianshu.com/p/e9a2e0755496 ============== ...

  3. Django Admin后台添加用户时出现报错:1452

    如果在使用Django Admin后台添加用户时出现报错: (1452, 'Cannot add or update a child row: a foreign key constraint fai ...

  4. 大数据之Hadoop技术入门汇总

    今天,小编对Hadoop入门学习知识进行了汇总,帮助大家更好地入手大数据.小编关于Hadoop入门总共发写了12篇原创文章,文章是参照尚硅谷大数据视频教程来进行撰写的. 今天,小编带你解锁正确的阅读顺 ...

  5. 在Ubuntu下安装Jenkins

    一.安装Jenkins 1. 确保Java环境已经安装配置好 java -version 2. 将存储库密钥添加到系统 wget -q -O - https://pkg.jenkins.io/debi ...

  6. UI自动化测试实战

    前言 前面我们已经搭建好了wordpress网站,如果需要查看运行效果可以看我前面的搭建文章,下面我们来进行自动化测试的练习. 示例 首先我们测试自动登陆 import unittest from s ...

  7. Linux 文件搜索神器 find 实战详解，建议收藏！

    大家好,我是肖邦,这是我的第 10 篇原创文章. 在 Linux 系统使用中,作为一个管理员,我希望能查找系统中所有的大小超过 200M 文件,查看近 7 天系统中哪些文件被修改过,找出所有子目录中的 ...

  8. Spring Boot构建 RESTful 风格应用

    Spring Boot构建 RESTful 风格应用 1.Spring Boot构建 RESTful 风格应用 1.1 实战 1.1.1 创建工程 1.1.2 构建实体类 1.1.4 查询定制 1.1 ...

  9. 2019牛客暑期多校训练营（第四场）D-triples I

    >传送门< 题意:求最少需要多少个3的倍数按位或后可以得到数字a 思路:利用3的倍数对应的二进制数的性质来先选出一个x,然后根据数字a再配一个y出来 首先,我们都知道十进制中,任意一个数只 ...

  10. 【uva 120】Stacks of Flapjacks（算法效率--构造法+选择排序思想）

    题意:有N张正在锅里的一叠煎饼,每张都有一个数字,代表其大小.厨师每次可以选择一个数k,把从锅底开始数第k张上面的煎饼全部翻过来,即原来在上面的煎饼现在到了下面.要求设计一种方法使得所有煎饼按照从小到 ...