Javascript will never run until page completely loads

  • So, I'm having problems with Javascript (Bootstrap to be exact) where the script is commented like this:

    Code
    1. <!--<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous" type="text/javascript"></script>-->

    until the page completely loads, which is fine.

    But, I have google maps embedded on the page that keeps loading things which means the script doesn't get loaded for a while causing a lot of things to be non-responsive until google maps stops loading things, and because of my bad internet and slow internet speed on the server, everything took 2.8 minutes until everything finishes loading and the scripts finally gets loaded


    in this picture you can see all the scripts are loaded after everything is loaded, which in this case took 3.5mins


    So, are there a way to fix this issue? maybe load the scripts sooner, or making the google maps embed load at the end (but still at the same position visually)

    Is this caused by an extension or is it just something Pagekit does?

  • SPQRInc

    Approved the thread.