Skip to content

Instantly share code, notes, and snippets.

@Zizzamia

Zizzamia/first-contentful-paint-native-demo.html

Last active April 11, 2018 21:36
Show Gist options
  • Save Zizzamia/e07ea7615b7ccb9ef7855575e8c0488c to your computer and use it in GitHub Desktop.
Save Zizzamia/e07ea7615b7ccb9ef7855575e8c0488c to your computer and use it in GitHub Desktop.
Download ZIP
First Contentful Paint native demo
Raw
first-contentful-paint-native-demo.html
<head>
<script>
const perfObserver = new PerformanceObserver((entryList) => {
console.log(...entryList.getEntries());
});
perfObserver.observe({entryTypes: ["paint"]});
</script>
<style>body { background: #f2db77; ... }</style>
</head>
<body></body>
<script>
setTimeout(() => {
const elH1 = document.createElement('H1');
elH1.textContent = 'First (Contentful) Paint';
document.body.append(elH1);
}, 600);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment