重定位CSS样式内联减少我的应用程序页面的呈现时间

Question

在我的rails（3.1.1）应用程序中，我提供了大量数据和信息的页面，目前我需要大约720ms-1480ms（我怀疑它会更大在将来）渲染整个页面，也有相当多的CSS我也使用。我需要大幅缩短渲染时间。

我可以减少渲染时间，如果我从css文件中取出所有样式并将它们内联？ 时间的减少对渲染页面有重大影响吗？ 我能做些什么来减少页面的渲染时间？ 谢谢

Answer 1

行内CSS不会提高您的页面渲染速度。事实上，它会妨碍，因为css文件不会被缓存。

你可以做很多事情来提高网页渲染速度，像

1：压缩JS和CSS文件。 rails 3.1会自动执行此操作。 2：缓存js和css文件 等等。

使用像YSlow这样的工具来分析问题并遵循其建议。

Answer 2

将CSS保留为单独的文件，它将（应当）被缓存，并且从长远来看，将比内联样式更快（查看使用这些样式的其他页面时）。