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

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

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

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

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

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

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

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

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

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

網(wǎng)頁題目：網(wǎng)站底部放置js最合適
分享URL：http://www.rwnh.cn/news0/32650.html

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

廣告

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