最近2個月一直在做手機端和電視端開發(fā),開發(fā)的過程遇到過各種坑。弄到快元旦了,終于把上線了。2個月干下來滿滿的的辛苦,沒有那么忙了自己準備把前端的性能調優(yōu)總結以下,以方便以后自己再次使用到的時候得于得心應手。參照了《高性能網(wǎng)站建設指南-前端工程師技能精髓》,本文主要主要概述前端的性能調優(yōu)的方法。

第一條優(yōu)化:減少http請求

  一想到調優(yōu)好多人都會想到減少http請求,但是可能好多人都會不知道具體操作,我一開始也不知道。項目剛好使用fis發(fā)現(xiàn)fis可以打包腳本和樣式表。perfect!fis的打包非常簡單,只要在fis-conf.js中設置:

萬碼學堂,電腦培訓,計算機培訓,Java培訓,JavaEE開發(fā)培訓,青島軟件培訓,軟件工程師培訓

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');//插件是提供給純前端應用的打包合并插件

網(wǎng)友評論