When a website has a lot of js Code to load, the js Code placement location will, to a certain extent, reflect the loading speed of the webpage, in order to make our webpage Load faster, this article summarizes several notes:
1. Delayed loading of js Code
Copy codeThe Code is as follows:
<Script type = "text/javascript" src = "id =" my "> </script>
<Script type = "text/javascript">
SetTimeout ("document. getElementById ('My '). src = 'include/php100.php';", 3000); // delay of 3 seconds
</Script>
In this way, you can delay loading js Code and set more time for webpage loading!
2. js final loading solution 1
Insert the following code where Javascript is to be inserted:
Program code
Copy codeThe Code is as follows:
<Span id = "L4EVER"> LOADING... </Span>
Of course, the LOADING... You can switch to your favorite small image. It looks very AJAX-effective.
Insert at the bottom of the page:
Program code
Copy codeThe Code is as follows:
<Span id = "AD_L4EVER"> your JS Code is here! </Span>
<Script> L4EVER. innerHTML = AD_L4EVER.innerHTML; AD_L4EVER.innerHTML = ""; </script>
3. Let JS final load solution 2
This involves the Loading Order of webpages. For example, when an external js script file is introduced, if it is placed in the head of html, The js script will be loaded to the page before the page is loaded, in the body, the javascript code will be run in the order of loading the page from the drop down ~~~ Therefore, we can put the file introduced outside js to the bottom of the page to allow js to be introduced at the end to speed up page loading.