有条件就把静态资源放CDN，没条件就合并，或者在自己服务器对静态文件做缓存

应该是把这个页面需要的文件合并一起吧
不是都放在一个文件吧

30个页面肯定不能把所有的js,css打包在一起，这样文件体积比较大，资源浪费比较多，不太适合多页面应用，比较合理的做法应该是将每个页面依赖的js,css打包在一起，产物是一个页面对应一个私有js，一个私有css，当然公共的js就没必要打包进去了，比如你的项目依赖了jquery，没必要将jquery打包进私有js，这样做的好处是可以利用缓存，一个页面加载了jquery，其他页面就不需要再加载了。

我个人来说，有两层合并层级。
第一层文件上的通用化
base、common、特殊模块/功能模块/子模块。这种文件命名方式可以运用在资源、脚本、配置等。

第二层代码上的模块化
如一个母版页面，其骨架是

    // 核心框架
    $('body').prepend(''
        + '<p id="wrapper">'
        + '    <p class="header"></p>'
        + '    <p class="main"></p>'
        + ' <p class="footer"></p>'
        + ' <p class="nav"></p>'
        + '</p>'
    );

然后通过url param来判断当前显示的是什么页面，需要哪些模块（但这里还需要设计人员的辛劳）。如

            // 目标页渲染    
            switch(HGP.urlParam.sPage[1]) {
                case 'loading':
                    HGP.fillHtml({unit: 'loading'});
                    break;

                case 'pay':
                    HGP.fillHtml({unit: 'pay'});
                    break;

                case 'game_info':
                    HGP.fillHtml({unit: 'ad_game|game_info|game_guessLike|common_nav'});
                    break;

                case 'game_box':
                    HGP.fillHtml({unit: 'game_box'});
                    break;

                case 'account_home':
                    HGP.fillHtml({unit: 'account_info|account_game|common_nav'});
                    break;

                case 'index_typeAppList':
                    HGP.fillHtml({unit: 'ad_index|game_recentList|index_tab|game_hotList|news_allList|game_newList|game_typeAppList|common_nav'});
                    break;

                case 'index':
                default:
                    HGP.urlParam.sPage[1] = 'index';    // 更新缺省值
                    HGP.fillHtml({unit: 'ad_index|game_recentList|index_tab|game_hotList|news_allList|game_newList|game_typeList|common_nav'});
            }
            

这里再细分，则可以把纯静态、半动态、实时，以及接口调用、自身调用等按照功能模块分开，这样可以极大的优化代码加载量、请求次数、以及代码重用次数。

所以，一般默认按照3个层级来把功能模块化后，再看哪些功能需要提升影响范围的等级。

服务器有合并js，css的功能，不用手工合。

激活合并方法：static.boss.com/js/??a.js,b.js?ver=2016