压缩网站上的html，css和js文件

Question

我真的很抱歉这个问题的标题。 我不知道该问题我应该给什么头衔。

问题是指向此链接：

http://iarouse.com/admin-transform-alt/dist-v1.2.1/index.html#/pages/signin

这是模板的主视图。 当我在Chrome中打开开发工具并检查网络I / O时，在“大小”列上会显示不同的文件大小和内容大小。 例如ui.js的大小约为200kb，但内容为800kb。

怎么可能 这是什么压缩方式？

同样，当我下载此模板并在本地运行时，它显示相同的文件大小以及内容大小。 :(我怎么能在我的网站上得到这种东西。模板很漂亮，需要很多时间来加载。一种潜在客户或信息会很有帮助。

Answer 1

由于压缩，大小可能比内容小，可能是gzip。 Gzip通常与http一起使用，以使文本资源的加载速度更快。 大多数Web服务器都支持gzip压缩。 查看您的Web服务器的文档，以了解如何打开它。

Answer 2

好吧找到了！

这是HTML，CSS和JS文件的gzip压缩，通常可以节省大约50％至70％的文件大小。

来源： http ： //www.feedthebot.com/pagespeed/enable-compression.html

现在，由于我的服务器正在使用Express的NodeJs服务器上运行，因此我通过在app.js文件中添加以下行来启用此功能。

app.use(express.compress());

请参阅： Node.js：Gzip压缩？