前端開發知識點：網站的JS塊爲何放在網頁底部最合適？

隨時科技的進步，如今人們對物質的追求愈來愈高，想當初仍是modem撥號上網時，咱們會等上1到2分鐘打開一個網站而高興好久，而如今網速愈來愈快，同時訪問的用戶也愈來愈多，人們對速度的追求也愈來愈高， 當搜索一個物件時，一個頁面若是10秒鐘尚未出現內容時，我相信你會堅決果斷中換另外一個網站。

因此咱們前端開發人員在開發一個項目時，首先要站在一個體驗者的角度，以速度爲先，這就要求咱們對代碼的效率有了更高的要求，那麼哪些因素會影響到代碼運行的效率呢?下面和千鋒廣州前端開發小編一塊兒來看看吧！

如今的網頁特效愈來愈豐富，那麼所須要調用和加載的javaScript就是越多。而瀏覽器在解析咱們頁面時，是從上到下依次解析，不管是HTML仍是CSS，仍是咱們的Javascript。

若是咱們站在用戶及體驗者的角度，咱們是但願在打開一個頁面時，可以在最短的時間內看到網頁內容，而這一要求就須要咱們前端開發人員在頁面中導入JS時的導入位置有了要求。

理論上來講咱們能夠在頁面的任意位置導入script標籤，可是對於前端頁面優化來說，仍是放在底部是最佳的，由於若是JS執行出現錯誤了，最起碼頁面中的元素還能加載出來，由於DOM文檔是從上往下的順序執行的。

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

像有的飯店經營方式不同，用戶就餐的體驗也不同，當就餐人員不少時，爲了不用戶等待太長時間，能夠每桌來上一兩個菜， 讓用戶先慢慢吃，而不是上完一桌，再上一桌，使部分用戶等待太長時間， 從而提升用戶體驗。

那咱們繼承來討論，咱們的script標籤究竟放哪裏合適呢?如上面所說若是咱們放到body上而，會影響頁面的優先加載，從而影響用戶的體驗。那是否是咱們只要把script標籤放到body下面就能夠了呢?其時，在HTML 2.0起放在「body標籤閉合以後」就是不合標準的。之因此可是瀏覽器卻不會報錯，是由於若是在「body標籤閉合以後」後再出現script或任何元素的開始標籤，都是parse error，瀏覽器會忽略以前的，即視做仍舊在body內。因此實際效果和寫在「body標籤閉合以前」以前是沒有區別的。

因此，只要是讓瀏覽器作了多餘的事都是很差的，雖然差異細微，可是我們仍是按照標準來，放在「body標籤閉合以前」。

咱們所作的一切其實只是爲方便用戶體驗，因此咱們的宗旨，就是提高用戶體驗。讓頁面優先加載顯示內容。

「我本身是一名從事了5年前端的老程序員，辭職目前在作講師，今年年初我花了一個月整理了一份最適合2019年學習的web前端乾貨，從最基礎的HTML+CSS+JS到移動端HTML5到各類框架都有整理，送給每一位前端小夥伴，這裏是小白彙集地，歡迎初學和進階中的小夥伴。"

QQ學習羣：615094426 渡老師微信：webdu123