壓縮網站上的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壓縮？