網站底部放置js最合適

隨時科技的進步，現(xiàn)在人們對物質的追求越來越高，想當初還是modem撥號上網時，我們會等上1到2分鐘打開一個網站而高興很久，而現(xiàn)在網速越來越快，同時訪問的用戶也越來越多，人們對速度的追求也越來越高， 當搜索一個物件時，一個頁面如果10秒鐘還沒有出現(xiàn)內容時，我相信你會毫不猶豫中換另一個網站。

所以我們前端開發(fā)人員在開發(fā)一個項目時，首先要站在一個體驗者的角度，以速度為先，這就要求我們對代碼的效率有了更高的要求，那么哪些因素會影響到代碼運行的效率呢?

現(xiàn)在的網頁特效越來越豐富，那么所需要調用和加載的javaScript就是越多。而瀏覽器在解析我們頁面時，是從上到下依次解析，無論是HTML還是CSS，還是我們的Javascript。

如果我們站在用戶及體驗者的角度，我們是希望在打開一個頁面時，能夠在最短的時間內看到網頁內容，而這一要求就需要我們前端開發(fā)人員在頁面中導入JS時的導入位置有了要求。

理論上來說我們可以在頁面的任意位置導入script標簽，但是對于前端頁面優(yōu)化來講，還是放在底部是好的，因為如果JS執(zhí)行出現(xiàn)錯誤了，最起碼頁面中的元素還能加載出來，因為DOM文檔是從上往下的順序執(zhí)行的。

正所謂事有輕重緩急，如果我們將script標簽放到body的前面，當瀏覽器在解析代碼時，會中斷我們頁面內容的加載，而先解析script標簽中的內容，而后再來加載頁面，從而延緩了頁面內容顯示的時間，讓用戶等待的時間延長，降低用戶的體驗度。

像有的飯店經營方式不一樣，用戶就餐的體驗也不一樣，當就餐人員很多時，為了避免用戶等待太長時間，可以每桌來上一兩個菜， 讓用戶先慢慢吃，而不是上完一桌，再上一桌，使部分用戶等待太長時間， 從而提高用戶體驗。

那我們繼承來討論，我們的script標簽究竟放哪里合適呢?如上面所說如果我們放到body上而，會影響頁面的優(yōu)先加載，從而影響用戶的體驗。那是不是我們只要把script標簽放到body下面就可以了呢?其時，在HTML 2.0起放在“body標簽閉合之后”就是不合標準的。之所以但是瀏覽器卻不會報錯，是因為如果在“body標簽閉合之后”后再出現(xiàn)script或任何元素的開始標簽，都是parse error，瀏覽器會忽略之前的，即視作仍舊在body內。所以實際效果和寫在“body標簽閉合之前”之前是沒有區(qū)別的。

所以，只要是讓瀏覽器做了多余的事都是不好的，雖然差別細微，但是咱們還是按照標準來，放在“body標簽閉合之前”。

我們所做的一切其實只是為方便用戶體驗，所以我們的宗旨，就是提升用戶體驗。讓頁面優(yōu)先加載顯示內容。

網頁題目：網站底部放置js最合適
分享URL：http://muchs.cn/news0/32650.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供外貿建站、品牌網站設計、網站策劃、營銷型網站建設、外貿網站建設、網站內鏈

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)