先說一下情況，問題在最后面，歡迎指點，謝謝！

今天發(fā)現(xiàn)一個神器，能夠可視化的幫助分析項目的體積，因為在開發(fā)中我們可能會無意思試用或者嘗試一些第三方組件，但是這個組件并非項目必須或者不可替代，所以在項目結尾（優(yōu)化）階段就特別希望有這么一個工具來幫助分析了~~~

這個神器是一個npm包cross-env，通過npm執(zhí)行：

npm install cross-env --save-dev

然后在package.json配置文件scripts節(jié)中添加

"analyze":"cross-env NODE_ENV=production npm_config_report=true npm run build"

最后在終端輸入命令：

npm run analyze

會自動打開瀏覽器（默認地址：http://127.0.0.1:8888/）展示分析結果，如下圖：

可以一目了然的看到各個模塊的包含關系，最上面的就是項目生成（打包壓縮好）的項目文件

問題：
1、從圖片最上面的tooltip可以看到三種壓縮模式？不知道這么說對不對，因為也是第一個看到這個工具，我想知道怎么實現(xiàn)最后一種壓縮模式呢？也就是Gzipped壓縮模式，可以看到它有巨大優(yōu)勢，體積不到最上面的1/4
2、圖中右邊的three.module.js是一個動畫庫，左邊的Stars.json、Sphere.json動畫效果需要的json數(shù)據(jù)文件，它們只在首頁（首頁包含這個動畫）中需要，在移動端可能不需要這個動畫（項目適配移動、pc端）針對這部分內(nèi)容該如何優(yōu)化呢？
個人思路：能不能把它們壓縮到另外一個文件，然后js判斷是否是移動端，如果是，那么我就不加載這部分內(nèi)容，能實現(xiàn)么？
3、CDN？jquery提供的免費cdn好像也不少，但是這種方式真的把它打包到項目文件里面加載快么？有那些有缺點呢？