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

size of scripts(external links) + merging them into 1

本文关键字：合并 链接 外部 脚本      更新时间：2023-09-26

当我下载angular.js并将其上传到我的网站托管时，像这样:

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

141kb。如果我使用original cdn:

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

Chrome的控制台显示它的大小只是45kb。这怎么可能?代码是一样的。这是发生在每一个框架库，如jQuery或angular-material。

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

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

编辑:来自angular.js faq:

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

我认为这都是关于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>

相关文章：