firstPaint timing
ActivePublic
Actions

Authored by • Gilles on Oct 8 2018, 1:24 PM.

Tags

Referenced Files

	F26397612: firstPaint timing
	Oct 8 2018, 1:27 PM

	F26397542: firstPaint timing
	Oct 8 2018, 1:24 PM

Subscribers

None

	<head><script>

	function checkEntry( list, observer ) {
	var entry = list.getEntriesByName( 'first-paint' );
	var trumpet = document.getElementById( 'trumpet' );

	if ( entry && entry.length ) {
	console.warn( 'firstPaint' );
	trumpet.play();
	window.alert( 'firstPaint' );
	}
	}

	var observer = new PerformanceObserver( checkEntry );

	observer.observe( { entryTypes: [ 'paint' ] } );

	setTimeout( function () {
	var div = document.createElement( 'div' );
	div.style = "font-size: 50pt;";
	div.innerHTML = '🎺';
	document.body.appendChild( div );
	}, 5000 );

	</script></head>
	<body>
	<audio id="trumpet" controls preload="auto" style="display: none">
	<source src="https://upload.wikimedia.org/wikipedia/commons/7/73/02._B3-flat-trumpet.ogg" type="audio/ogg">
	</audio>
	</body>

firstPaint timingActivePublicActions