隨時(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)的用戶(hù)也越來(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。

　　如果我們站在用戶(hù)及體驗(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í)間，讓用戶(hù)等待的時(shí)間延長(zhǎng)，降低用戶(hù)的體驗(yàn)度。

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

　　那我們繼承來(lái)討論，我們的script標(biāo)簽究竟放哪里合適呢?如上面所說(shuō)如果我們放到body上而，會(huì)影響頁(yè)面的優(yōu)先加載，從而影響用戶(hù)的體驗(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í)只是為方便用戶(hù)體驗(yàn)，所以我們的宗旨，就是提升用戶(hù)體驗(yàn)。讓頁(yè)面優(yōu)先加載顯示內(nèi)容。