今天爆老師和大家分享的話題是《代碼外置優化》。主要紹介代碼外置的意義是啥子，javascript代碼外置優化怎麼做，css代碼合並怎麼做。
首先來理解一下子啥子是代碼外置吧。我們曉得用戶所看見的網站和搜索引擎網站蛛蛛看見的是不同的，用戶所看見的是從瀏覽器通過視物感覺化後的內部實質意義，所以會有書契，圖片，動畫，登陸等等。但搜索引擎網站蛛蛛看的是這些個內部實質意義身後的原始代碼(HTML)，所以我們期望這些個原始代碼越是簡易對於優化而言越是好，由於代碼的簡易度直接影響搜索引擎網站爬取速率，也就是頁面是否被蛛蛛所心愛，所收錄。
基於這個之上，頭部代碼不管是css仍然js越是調配使用多對於主機煩請就越多，那這麼會減低頁面敞開速度的。就像這處圖顯露的，譬如這個頁面有4條js調配使用+2條css調配使用，每每過訪這個頁面每條調配使用的代碼都會有加載和煩請的時間，那對於蛛蛛抓取時也會遇到這麼的問題。所以代碼務必施行合並調配使用。
另有一種事情狀況並不是調配使用代碼多，而是在一個頁面裡把js或是css代碼直接寫進去了。這種事情狀況在眾多網站都有顯露出來。這會是比較糟糕的一種事情狀況，由於css或是js代碼普通裡邊的字符會是太多的。這便會稀釋我們頁面中心的內部實質意義(正文)，一大堆字符蛛蛛也是會爬取的，那這個速率就減退了不是嗎。所以css或js代碼直接寫在頁面中，我們就要做代碼外置優化的辦公了。
從原理上來講，代碼外置就是從頁面中移除代碼到文件夾中。這個文件夾是在主機端上一個某一個合適的目次下，譬如js我們放在js目次下，css放在style目次下。隨即移洗雪頁面上的原始字符，並在<head>增加<link rel=stylesheet href= type=text/css media=all /> 或是<ｓｃｒｉｐｔ language=javaｓｃｒｉｐｔ type=text/javaｓｃｒｉｐｔ src=></ｓｃｒｉｐｔ> 。src和href就是填入要調配使用的文件途徑。
好，接下來具體聊一下子怎麼優化。首先是JS代碼寫入在頁面中的優化。
1)先要找到被數量多寫入頁面的代碼，確認哪一些是可以安全移出去的
2)我們用notepad(記事本)開創一個function.js文本
3)把要移除的代碼paste到這個文本中，save就好了。
4)把這個function.js新文件上傳到指定的js目次下邊
5)在被優化的頁面<head>中參加<ｓｃｒｉｐｔ language=javaｓｃｒｉｐｔ type=text/javaｓｃｒｉｐｔ src=/js/function.js></ｓｃｒｉｐｔ> 調配使用並移除之前那一大堆js字符。
合並JS優化的步驟也一樣簡單：
1)在中找到要被合並的調配使用代碼
2)在FTP上找到這幾個JS文件的物理位置
3)敞開那裡面一個或是開創一個新js文件，把剛剛幾個js代碼全部內部實質意義復印在一塊兒
4)save這個js文件並上傳到合宜的外圍文件夾裡邊
5)在被優化的頁面肥部增加調配使用代碼<ｓｃｒｉｐｔ language=javaｓｃｒｉｐｔ type=text/javaｓｃｒｉｐｔ src=/js/function.js></ｓｃｒｉｐｔ> 並移除之前那幾段調配使用代碼。
挨到css代碼優化了，一樣的道理先看怎麼樣優化被寫入css的頁面吧。
1)先要找到被數量多寫入頁面的代碼，確認哪一些是可以安全移出去的
2)我們用notepad(記事本)開創一個base.css文本
3)把要移除的代碼paste到這個文本中，save就好了。
4)把這個base.css新文件上傳到指定的style目次下邊
5)在被優化的頁面<head>中參加<link rel=stylesheet href=/style/base.css type=text/css media=all /> 調配使用並移除之前那一大堆css字符。
合並CSS優化的步驟也一樣簡單：
1)在中找到要被合並的調配使用代碼
2)在FTP上找到這幾個css文件的物理位置
3)敞開那裡面一個或是開創一個新css文件，利用@import url()來調配使用其它css文件裡的內部實質意義，和js不同不必把內部實質意義所有copy進來
4)save這個css文件並上傳到合宜的外圍文件夾裡邊
5)在被優化的頁面肥部<ｓｃｒｉｐｔ language=javaｓｃｒｉｐｔ type=text/javaｓｃｒｉｐｔ src=/js/function.js></ｓｃｒｉｐｔ>調配使用代碼。
只要你懂了這個優化的原由和原理，施行一次操作你就一定會了。實際上一點兒都不難，假如哪兒不明白，也可以google一下子，網上有太多的解決方案也可以來諮道學堂查閱信息。
原文來自諮道一課(含視頻文件解釋)：