網站優化-壓縮.JS / .CSS文件

Question

恩，我不知道Google已經擁有一種機制 ，可以為您提供一些提示，說明您可以進行哪些修改以優化網站。 在分析中，我看到了一個有趣的事情，例如壓縮js和css文件。 我在Google上搜索了一下，發現了可以幫助解決此問題的工具，例如

gzip /放氣

，但我不知道如何使用它們。 Googleling，我看到了類似在我的http標頭中放置一個元Accept-encoding的代碼：“ gzip，deflate”-但是我不太確定-然后，當您這樣做時，當您的網站發出一個請求說“你好，我接受-編碼” ：gzip和deflate。”，那么我的服務器將處理所需的所有內容，並返回已經包含所有壓縮文件的響應（那是什么？）。

在我所看到的主題中，有一些示例涉及服務器apache，而第一個參考文獻是“ 如何優化您的網站” ，但就我而言，服務器是用python編寫的。 那么，如何在壓縮所有內容並將其全部發送給響應時做神奇的事情？

我知道還有很長的路要走，我想我需要一個很好的參考來說明如何執行此操作。

你經歷過這種事情了嗎？ 如果是這樣，那么，您能提供一些想法嗎？

提前致謝。

Answer 1

http://jscompress.com/

這將為您最小化（壓縮）文件JS。

http://cssminifier.com/

這與CSS相同

http://www.willpeavy.com/minifier/

為什么不使用HTML呢？

Answer 2

對於您的問題，我可以想到兩個答案：

1. “壓縮”的JS / CSS可能是指串聯和最小化JS / CSS負載的做法。 您可以與cat串聯，然后分別與uglifyjs或yuicompressor縮小。 這減少了您發送的單個請求的數量，並提供了可觀的廉價收益。 請記住，如果您對不同的視圖有不同的依賴關系，則可能需要按頁面執行此操作，否則會產生運行不使用的javascript的開銷。

2. gzip壓縮您所提供的內容必須謹慎。 理想情況下，這只是您在網絡服務器上啟用的功能。 例如，在Nginx服務器定義中：

    server { gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript; } 

   如果要在Web應用程序級別執行此操作，則可能會引入比壓縮和解壓縮數據真正值得的延遲更多的延遲。

Answer 3

我用它來將大約23個核心js文件合並為1並壓縮它。 https://developers.google.com/closure/compiler/它具有一些有用的設置，例如能夠保持js文件的標頭/許可文本不變。

它們也具有CSS https://code.google.com/p/closure-stylesheets/的等效項（向下滾動到“最小化”部分）。

如果您認為這是您要嘗試的方法，我可以讓您從Java設置入手，並創建一個批處理文件來進行合並/壓縮。