脚本的大小(外部链接)+将它们合并为1

时间:2015-08-03 13:34:30

标签: javascript angularjs google-chrome gulp

当我下载angular.js并将其上传到我的网站主机时如下:

<script src="js/angular.min.js"></script>

141kb 。如果我使用原始cdn:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>

Chrome 的控制台节目大小仅45kb 。这怎么可能?这是相同的代码。这种情况发生在每个其他框架库中,例如jQuery或者角材料

我有15个脚本,所以我想将它们合并到1个文件中并缩小它(使用gulp)。但实际上结果的大小,如果比使用cdn(或外部链接)大2倍。咦?这有点令人困惑。

我尝试了 firefox ,它显示的是 122kb 的大小,所以它可能只是带有chrome的东西。那我该怎么办?只是停止关心铬并使用gulp合并它们?

编辑: 来自angular.js faq:

  

我需要包含的angular.js文件有多大?   压缩和缩小文件的大小约为50KB。

1 个答案:

答案 0 :(得分:1)

我认为这都是关于gzip压缩的。可能你在服务器上关闭了该选项。

您使用的是apache吗?尝试像

这样的东西
    <ifModule mod_gzip.c>
    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
    </ifModule>

(谷歌的地方)。