split-time
Version:
A JavaScript library for measuring FCP, LCP. Report real user measurements to tracking tool.
39 lines (38 loc) • 1.06 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="split_time.js"></script>
<script>
new SplitTime.default((list, observer) => {
console.log(observer)
console.log(list.getEntries(), 'split-time')
})
.observe({
entryTypes: ['navigation', 'resource', 'paint', 'largest-contentful-paint']
})
</script>
<script>
// new PerformanceObserver((list, observer) => {
// console.log(observer)
// console.log(list.getEntries(), 222)
// })
// .observe({
// type: 'resource',
// buffered: true
// })
new PerformanceObserver((list, observer) => {
console.log(list.getEntries(), 'native')
})
.observe({
entryTypes: ['navigation', 'resource', 'paint', 'largest-contentful-paint']
})
</script>
</head>
<body>
<h1 id="po">Performance Observer</h1>
</body>
</html>