CloudFront CDN（No GZip）vs網絡服務器/本地所有CSS/JS

Question

我目前正在爲我們即將部署的WordPress網站運行一些優化。我們正在使用w3總緩存來優化網站。我最近註冊了一個CDN的CloudFront，我覺得這肯定有幫助，但是我們正在使用它來丟失對css/js文件的gzip壓縮。

我想看看有沒有人有任何意見來處理這個問題。目前我主持的網絡服務器的所有js/css，它似乎給予更好的性能（使用谷歌瀏覽器的PageSpeed Insights附加）

這是一個最佳實踐問題，以幫助我瞭解這種情況。

任何人有任何建議嗎？

預先感謝您。

Answer 1

經過一段時間的測試後，我發現我們工作流程的最佳方式是在服務器上使用css/js資產gzip而不是從cloudfront提供服務。

它似乎更快地服務於服務器端的gzip文件，而不是從cloudfront提供非gzip文件。

如果我們不經常編輯css/js，我覺得@Ryan Parman是非常有意義的建議。我想有一些方法可以在編輯後創建一個腳本來同步css/js，但是對於當前的項目，我上面提到的建議就像一個魅力一樣，速度很快！

Answer 2

如果您使用的是NginX，我認爲這篇文章將對您有所幫助，因爲Amazon Cloudfront對源服務器的請求標記爲HTTP/1.0。默認情況下，和Nginx的不發送到HTTP gzip壓縮的響應/ 1.0請求

http://www.cdnplanet.com/blog/gzip-nginx-cloudfront/

Answer 3

您可以預先gzip壓縮JavaScript和CSS文件，將它們上傳到S3與application/x-gzip HTTP標頭，然後有CloudFront的服務他們出去了。

如果您將流程作爲構建/部署工作流的一部分進行自動化，則維護起來非常容易。