CloudFront CDN（无 GZip）与 Web 服务器/本地对于所有 CSS/JS答案

【问题标题】：CloudFront CDN (No GZip) vs Webserver / Local For all CSS / JSCloudFront CDN（无 GZip）与 Web 服务器/本地对于所有 CSS/JS
【发布时间】：2012-09-07 20:41:48
【问题描述】：

我目前正在对我们即将部署的 WordPress 网站进行一些优化。我们正在使用 w3 Total Cache 对网站进行优化。我最近为 CDN 注册了 CloudFront，我觉得这肯定有帮助，但我们正在失去使用它的 css/js 文件的 gzip 压缩。

我想看看是否有人对处理此问题的好方法有任何意见。目前我正在托管来自网络服务器的所有 js/css，它似乎提供了更好的性能（使用 PageSpeed Insights add on Google Chrome）

这更像是一个最佳实践问题，可帮助我对这种情况有所了解。

有人有什么建议吗？

提前谢谢你。

【问题讨论】：

标签： wordpress optimization cdn amazon-cloudfront pagespeed

【解决方案1】：

您可以预先 gzip 压缩 JavaScript 和 CSS 文件，使用 application/x-gzip HTTP 标头将它们上传到 S3，然后让 CloudFront 提供它们。

如果您将流程自动化作为构建/部署工作流程的一部分，那么维护起来非常容易。

【讨论】：

谢谢瑞恩。我觉得这个答案是正确的方向，但不幸的是，添加到我们的工作流程中会有点太多。 +1

【解决方案2】：

经过一段时间的测试，我发现我们工作流程的最佳方式是在服务器上使用 gzip 压缩 css / js 资源，而不是从云端提供服务。

在服务器端提供 gzip 压缩文件似乎比从云端提供非 gzip 文件要快得多。

如果我们不经常编辑 css/js，我觉得 @Ryan Parman 的建议非常有意义。我想有一些方法可以在编辑后创建一个脚本来同步 css/js，但对于当前项目，我上面建议的工作就像一个魅力，而且速度很快！

【讨论】：