css - 为每页创建单独的 CSS 文件以加快加载时间是否过大？

Question

我一直在使用 Google PageSpeed 来提高我网站的性能。其中一项建议是消除我的应用程序中未使用的 CSS。虽然很多 CSS 未用于给定页面，但它们在应用程序的其他地方使用。

这里的正确方法是什么？我正在考虑为通用 CSS 创建一个基本 CSS 文件，然后为每个单独的页面创建单独的文件。幸运的是没有那么多页面。这是矫枉过正吗？还有更好的方法吗？

这是一个 Rails 应用程序，我正在使用 asset_packager 来压缩我的 CSS 和 Javascript

谢谢!萌

Answer 1

它不会加速您的应用程序，因为您将添加新的 http 请求，而如果您将所有 CSS 打包到一个文件中，该文件将保留在缓存中，您不必为它用于后续页面。

Google PageSpeed 只是意味着您不应提供您不会在应用程序的任何地方使用或仅在用户无法访问的页面(例如管理区域)中使用的样式。