--- tags: Javascript, disqus: hackmd --- # script 標籤載入順序的問題 簡言之，部分還是推薦放在\</body>之前，原因多半是，如果放置在\<head>裡，在頁面加載過程中，遇到script時就會先停下來，等把JS加載完畢才會繼續載入，如果須加載的JS文檔很大，就會造成使用者看到畫面的等待時間加長。 ## 解法 目前看到多半都會推薦使用script的defer跟async這兩個屬性 [[HTML] \<script>中defer跟async是什麼?](https://medium.com/@realdennis/html-script-%E4%B8%ADdefer%E8%B7%9Fasync%E6%98%AF%E4%BB%80%E9%BA%BC-1166ee88d18) 或者是使用CDN像是[jQuery CDN](https://www.w3schools.com/jquery/jquery_get_started.asp) 使用來自Google的託管jQuery的一大優勢： 許多用戶在訪問其他網站時已經從Google下載了jQuery。結果，當他們訪問您的站點時，將從緩存中加載它，從而縮短了加載時間。此外，大多數CDN都會確保用戶一旦請求文件，就會從距離他們最近的服務器提供文件，這也將縮短加載時間。 #### 參考文章 [\<script> 標籤載入順序的問題](https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/29269/) [JavaScript Where To](https://www.w3schools.com/js/js_whereto.asp) [Where should I put \<script> tags in HTML markup?](https://stackoverflow.com/questions/436411/where-should-i-put-script-tags-in-html-markup) [该把JS文件放在HTML文档的那个位置](https://zhuanlan.zhihu.com/p/26440626)