建站
咨詢
售后
建站咨詢
新聞中心
有人覺(jué)得打包出來(lái)的js文件太大嗎
打包出來(lái)具體有多大呢。weibo這種項(xiàng)目首次加載的js大小1.6MB以上，還不算內(nèi)嵌的js。如果是單頁(yè)應(yīng)用2-3M應(yīng)該不是很大的問(wèn)題。
成都創(chuàng)新互聯(lián)于2013年創(chuàng)立，先為番禺等服務(wù)建站，番禺等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為番禺企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
使用nodejs后文件太大怎么解決
去除不必要的插件
剛開始用 webpack 的時(shí)候，開發(fā)環(huán)境和生產(chǎn)環(huán)境用的是同一個(gè) webpack 配置文件，導(dǎo)致生產(chǎn)環(huán)境打包的 JS 文件包含了一大堆沒(méi)必要的插件，比如 HotModuleReplacementPlugin, NoErrorsPlugin... 這時(shí)候不管用什么優(yōu)化方式，都沒(méi)多大效果。所以，如果你打包后的文件非常大的話，先檢查下是不是包含了這些插件。
提取第三方庫(kù)
像 react 這個(gè)庫(kù)的核心代碼就有 627 KB，這樣和我們的源代碼放在一起打包，體積肯定會(huì)很大。所以可以在 webpack 中設(shè)置
{
entry: {
bundle: 'app'
vendor: ['react']
}
plugins: {
new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')
}
}
網(wǎng)站中有三個(gè)js文件大小超過(guò)100KB，超級(jí)影響加載速度，想問(wèn)怎樣優(yōu)化？
1. 將你的JS文件進(jìn)行壓縮，百度一下，工具一把
2. 服務(wù)器端開啟gzip壓縮
3. 如果你是3個(gè)單獨(dú)的JS，那么你可以合成1個(gè)文件，減少請(qǐng)求次數(shù)
4. 將你的script標(biāo)簽寫在頁(yè)面底部body標(biāo)簽結(jié)束之前
5. 檢查你的js中是否存在特別耗時(shí)的邏輯，因?yàn)槟_本加載時(shí)阻塞式的，它會(huì)加載完并執(zhí)行完之后，才會(huì)加載其它資源，因此慢并不一定是文件大，也可能是文件執(zhí)行花了很長(zhǎng)時(shí)間
6. 如果還是覺(jué)得很慢，你可以使用動(dòng)態(tài)加載，不要直接在頁(yè)面中寫script標(biāo)簽，而是動(dòng)態(tài)創(chuàng)建一個(gè)script將該腳本引進(jìn)來(lái)，這樣的加載方式是非阻塞式的，不會(huì)影響其它資源加載。
7. 上面方法全用了，還是覺(jué)得很慢，那你應(yīng)該檢查你的服務(wù)器和網(wǎng)絡(luò)情況，因?yàn)榘蠢韥?lái)說(shuō)100多kb的腳本不至于慢到不可接受的地步。
8. 將頁(yè)面中的資源分散到多個(gè)一級(jí)或二級(jí)域名，因?yàn)闉g覽器對(duì)同一個(gè)域名同時(shí)加載的資源數(shù)量是有限制的
9. 如果你還是覺(jué)得很慢，那就玩些高級(jí)玩意兒吧（如使用CDN加速等）
10. 上面方法都試過(guò)，還是不奏效？那我也沒(méi)轍了，除非能現(xiàn)場(chǎng)分析。
javascript 數(shù)組 內(nèi)容過(guò)大 導(dǎo)致 運(yùn)行速度減慢
我的神啊,即便是C/S應(yīng)用你直接往客戶端塞2-3千條數(shù)據(jù)它也受不了啊。
Google Chrome可能不提示。但是你想過(guò)沒(méi)有，即便是你的客戶端能夠承受住上千條的數(shù)據(jù)，你的服務(wù)器呢？可能幾十人并發(fā)操作，你的服務(wù)器就爆掉了。所以建議你減小數(shù)據(jù)加載規(guī)模，牽涉到資源的問(wèn)題，最好分布解決。
我喜歡寫js，但是文件寫大了（100kb以上），就會(huì)打開困難，打開要好久，有沒(méi)有什么辦法啊？我pe
可以嘗試吧文件分成幾個(gè) js，分開來(lái)玩。
我不是那么懂 js，但寫了用不了也沒(méi)用了。
或者可以試試吧不要的部分去掉，盡量減少文件大小。
新聞標(biāo)題：javascript太大,js數(shù)字比較大小問(wèn)題
URL網(wǎng)址：http://fisionsoft.com.cn/article/dscppod.html
