最近2個(gè)月一直在做手機(jī)端和電視端開發(fā)，開發(fā)的過(guò)程遇到過(guò)各種坑。弄到快元旦了，終于把上線了。2個(gè)月干下來(lái)滿滿的的辛苦，沒(méi)有那么忙了自己準(zhǔn)備把前端的性能調(diào)優(yōu)總結(jié)以下，以方便以后自己再次使用到的時(shí)候得于得心應(yīng)手。參照了《高性能網(wǎng)站建設(shè)指南-前端工程師技能精髓》，本文主要主要概述前端的性能調(diào)優(yōu)的方法。
第一條優(yōu)化：減少http請(qǐng)求
一想到調(diào)優(yōu)好多人都會(huì)想到減少http請(qǐng)求，但是可能好多人都會(huì)不知道具體操作，我一開始也不知道。項(xiàng)目剛好使用fis發(fā)現(xiàn)fis可以打包腳本和樣式表。perfect！fis的打包非常簡(jiǎn)單，只要在fis-conf.js中設(shè)置:
fis.config.merge({
pack : { 'pkg/requirepkg.js':['/develop_workspace/appframe/kernel/jquery-1.8.3.js', "/develop_workspace/appframe/kernel/require.js", "/develop_workspace/appframe/kernel/require-conf.js"
], '/pkg/aio.css': '**.css'
}
});
fis.config.set('modules.postpackager', 'sfis-postpackager-simple');//插件是提供給純前端應(yīng)用的打包合并插件
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式