Async page loading for wordpress

HTML:

<main id="async" data-title="<?php wp_title(''); ?>" data-body-classes="<?php list_body_classes(); ?>">

  // your html here

</main

JS:

const Async = require('asynclama')

const initApp = function () {
  const asyncPageLoader = new Async({
    element: 'main#async',
    transitionBodyClass: 'page-transition',
    noAsyncClasses: 'no-async',
    minimalTransitionTime: 100,
    hasAnalytics: false,
    initFunction: function () {
      initPage()
    },
    startPageTransition: function () {

    },
    endPageTransition: function () {

    },
  }).init()
}

export const initPage = function () {
  // init functions
}

document.addEventListener('DOMContentLoaded', function (event) {
  initApp()
})