Stack Overflow
Stack Overflow

What is the best place to put Work in remote deployed server that is without internet connection ? – rinilnath Sep 15 '21 at 14:26

  • The script path in your src attribute is an internet path. It won’t work without internet. You need to download the script to a local js file and bundle it on your remote server – Crusaderpyro Sep 15 '21 at 14:30

    • 2 Answers2

    3

    The old approach to solve this problem was to put tags at the bottom of your , because this ensures the parser isn't blocked until the very end.

    This approach has its own problem: the browser cannot start downloading the scripts until the entire document is parsed. For larger websites with large scripts & stylesheets, being able to download the script as soon as possible is very important for performance. If your website doesn't load within 2 seconds, people will go to another website.

    In an optimal solution, the browser would start downloading your scripts as soon as possible, while at the same time parsing the rest of your document.

    The modern approach

    Today, browsers support the async and defer attributes on scripts. These attributes tell the browser it's safe to continue parsing while the scripts are being downloaded.

    async

    <script type="text/javascript" src="path/to/script1.js" async></script>
<script type="text/javascript" src="path/to/script2.js" async></script>

    Scripts with the async attribute are executed asynchronously. This means the script is executed as soon as it's downloaded, without blocking the browser in the meantime. This implies that it's possible script 2 is downloaded & executed before script 1.

    According to http://caniuse.com/#search=async, 80% of all browsers support this.

    defer

    <script type="text/javascript" src="path/to/script1.js" defer></script>
<script type="text/javascript" src="path/to/script2.js" defer></script>

    Scripts with the defer attribute are executed in order (i.e. first script 1, then script 2). This also does not block the browser.

    Unlike async scripts, defer scripts are only executed after the entire document has been loaded.

    According to http://caniuse.com/#search=defer, 80% of all browsers support this. 88% support it at least partially.

    An important note on browser compatibility: in some circumstances IE <= 9 may execute deferred scripts out of order. If you need to support those browsers, please read this first!

    Conclusion

    The current state-of-the-art is to put scripts in the tag and use the async or defer attributes. This allows your scripts to be downloaded asap without blocking your browser.

    The good thing is that your website should still load correctly on the 20% of browsers that do not support these attributes, while speeding up the other 80%.

    Source

    Community
    • 1
    • 1
    CodePhobia
    • 1,315
    • 10
    • 19
    2

    In the browser JSP will be converted to/interpreted as HTML, so the best practices are the same for both JSP and HTML, saying that:

    Many web developers recommend loading JavaScript code at the bottom of the page to increase responsiveness, and this is even more important with the HTML service. In the NATIVE sandbox mode, all scripts you load are scanned and sanitized client-side, which may take a couple of seconds.

    Moving your tags to the end of your page will let HTML content render before the JavaScript is processed, allowing you to present a spinner or other message to the user.

    And for further reading take a look at :

    Community
    • 1
    • 1
    cнŝdk
    • 31,391
    • 7
    • 56
    • 78