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

所以我們前端開(kāi)發(fā)人員在開(kāi)發(fā)一個(gè)項(xiàng)目時(shí)，首先要站在一個(gè)體驗(yàn)者的角度，以速度為先，這就要求我們對(duì)代碼的效率有了更高的要求，那么哪些因素會(huì)影響到代碼運(yùn)行的效率呢?

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

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

理論上來(lái)說(shuō)我們可以在頁(yè)面的任意位置導(dǎo)入script標(biāo)簽，但是對(duì)于前端頁(yè)面優(yōu)化來(lái)講，還是放在底部是好的，因?yàn)槿绻鸍S執(zhí)行出現(xiàn)錯(cuò)誤了，最起碼頁(yè)面中的元素還能加載出來(lái)，因?yàn)镈OM文檔是從上往下的順序執(zhí)行的。

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

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

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

所以，只要是讓瀏覽器做了多余的事都是不好的，雖然差別細(xì)微，但是咱們還是按照標(biāo)準(zhǔn)來(lái)，放在“body標(biāo)簽閉合之前”。

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

網(wǎng)頁(yè)標(biāo)題：網(wǎng)站底部放置js最合適
網(wǎng)頁(yè)地址：http://m.newbst.com/news/32650.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、定制網(wǎng)站、標(biāo)簽優(yōu)化、定制開(kāi)發(fā)、自適應(yīng)網(wǎng)站、企業(yè)網(wǎng)站制作

廣告

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