最近2個月一直在做手機端和電視端開發(fā)，開發(fā)的過程遇到過各種坑。弄到快元旦了，終于把上線了。2個月干下來滿滿的的辛苦，沒有那么忙了自己準(zhǔn)備把前端的性能調(diào)優(yōu)總結(jié)以下，以方便以后自己再次使用到的時候得于得心應(yīng)手。參照了《高性能網(wǎng)站建設(shè)指南-前端工程師技能精髓》，本文主要主要概述前端的性能調(diào)優(yōu)的方法。
第一條優(yōu)化：減少http請求
一想到調(diào)優(yōu)好多人都會想到減少http請求，但是可能好多人都會不知道具體操作，我一開始也不知道。項目剛好使用fis發(fā)現(xiàn)fis可以打包腳本和樣式表。perfect！fis的打包非常簡單，只要在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)用的打包合并插件