一直以來，我很喜歡在文檔頭部放置 script 標簽和 link 標簽來一起加載這些外部資源，覺得這樣統一起來加載會比較方便。甚至還強迫性地把 css 放在 js 之前加載，因為我覺得寧愿讓用戶看到空白的頁面也不想讓用戶看到沒有 css 的亂頁面。但這個加載順序問題可遠比這復雜。瀏覽器自帶優化記得之前有寫過一篇「script標簽已經無法阻止瀏覽器地貪婪了」就是說這個問題的。現代瀏覽器雖然會規規矩矩地按順序處理內容，但加載順序可不會按順序。不過這屬于瀏覽器的優化部分，沒有在規范定義的范疇，所以不能以某些瀏覽器具有這樣的特性來說事。如果沒有優化呢？假如沒有這個優化，那么瀏覽器就必須等到這些外部資源加載并解析完之后才會繼續處理文檔。不僅是 js，css 也是如此，不過我們確實應該讓 css 這么做，否則用戶可能看到亂的頁面。但對于 js 部分，也許放在頭部確實有點浪費（這是對于傳統 web 而言，現代 web 構架經常會有完全依賴 js 的情況）。defer 和 asyncscript 標簽帶有defer和async屬性（一些細節問題可以看這里），使用它們可以讓script標簽即使在頭部也不影響文檔加載。但是它們也有自己的問題，因為加載方式變成了異步，會導致同步代碼無法執行，甚至 js 的依賴關系無法生效。所以這種方式只適用于異步模塊的加載。不過我自己的異步模塊加載全部都已經使用 predeclare.js 了，或者其它大項目喜歡把 js 打包并壓縮在一起，實際上前端很少有直接加載異步模塊的情況。說得這么凌亂，到底怎么加載才好嘛？我的建議是，css 始終放頭部。對于一些必不可少的 js（沒有這些 js 頁面就無法正常顯示）也放在頭部。業務 js（如果沒有這些 js 會導致按鈕無法點擊）酌情放置，主要是看業務的重要性，我不希望在頁面上出現有按鈕，但是無法點擊的情況。其它有同步需求的 js（比如統計、廣告）放到末尾（</body> 的前面），異步模塊要么打包后隨便放，要么用個 amd 庫去管理依賴關系。

高質量seo外包的選擇標準
網站優化SEO能給企業帶來什么樣的好處？
如何讓搜索引擎才正常收錄網站技巧
優化網站速度的四種方法
家居網站需求分析
如何建立一個自己的個人網站？
軟文發布在哪些平臺可以達到理想的收錄效果？
網站建設解決方案|企業網站建設技巧心得有哪些？