feat: optimize script loading using onload event

This commit is contained in:
Colin
2022-05-06 17:10:40 +08:00
parent 77d3d4a3ae
commit 87d9aefea3
3 changed files with 54 additions and 47 deletions

View File

@@ -1,12 +1,14 @@
<script src="{{ "assets/main.js" | absURL }}"></script>
<script async src="{{ " assets/main.js" | absURL }}"></script>
<script src="https://cdn.jsdelivr.net/npm/pangu@4/dist/browser/pangu.min.js"></script>
<script >
pangu.spacingElementByClassName('post');
pangu.spacingElementByTagName('p');
<script>
function panguSpaing() {
pangu.spacingElementByClassName('post');
pangu.spacingElementByTagName('p');
document.addEventListener('DOMContentLoaded', () => {
// listen to any DOM change and automatically perform spacing via MutationObserver()
pangu.autoSpacingPage();
});
</script>
document.addEventListener('DOMContentLoaded', () => {
// listen to any DOM change and automatically perform spacing via MutationObserver()
pangu.autoSpacingPage();
});
}
</script>
<script async onload="panguSpaing()" src="https://cdn.jsdelivr.net/npm/pangu@4/dist/browser/pangu.min.js"></script>