首頁  >  文章  >  web前端  >  js 延遲載入 改變JS的位置加快網頁載入速度_基礎知識

js 延遲載入 改變JS的位置加快網頁載入速度_基礎知識

WBOY
WBOY原創
2016-05-16 17:46:581363瀏覽

當一個網站有很多js程式碼要加載,js程式碼放置的位置在一定程度上將會影像網頁的載入速度,為了讓我們的網頁載入速度更快,本文總結了一下幾個注意點:
1、延遲載入js程式碼

複製程式碼 程式碼如下:













這樣透過延遲載入js程式碼,為網頁載入留出更多的時間!

複製程式碼


程式碼如下:

LOADING…
當然,那個LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢. 然後在頁面最底端插入: 程式碼複製程式碼 程式碼如下: 你的JS程式碼在這裡! <script> L4EVER。載入順序問題,例如引入外部js腳本檔案時,如果放入html的head中,則頁面加載前該js腳本就會被加載入頁面,而放入body中,則會按照頁面從上倒下的加載順序來運行javascript的程式碼~~~ 所以我們可以把js外部引入的檔案放到頁面底部,來讓js最後引入,從而加快頁面載入速度。</script>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn