如何检查和改善网站性能？ （导轨）

Question

我读过有关提高网站性能的尝试，并尝试使用其中一些，但由于经验不足，我对此并不是很有能力。

首先，我需要很好，我正在使用瘦服务器。

这就是我所做的：

1. 我为图标制作精灵图像（静态，悬停，活动）
2. 添加了压缩
3. 添加了编译

我将此添加到我的development.rb文件中（以前安装了必需的gems）：

config.assets.compress = true

config.assets.debug = false

config.assets.css_compressor = :yui

config.assets.js_compressor = :uglifier

我第一次打开页面时的非常糟糕的结果：

刷新后它会好一点

的问题：

1. 使用图像作为背景（精灵）是否更好？
2. 如何检查网站性能，看看我应该在哪里工作？
3. 我正在使用编译/压缩怀特吗？
4. 我应该将所有图片都放在资源文件夹中吗？

Answer 1

以下是我对你的问题的回答：

1）您应该尽可能少地使用图像，因为图像会大大减少页面加载时间。应该使用CSS，只需使用我们不能使用CSS的图像。许多图像应该连接在一起以减少请求数量（http://www.w3schools.com/css/css_image_sprites.asp）。

2）有很多工具可以帮助我们监控和改善我们的应用程序的性能。我们可以检查和改进的两个重要事项是页面加载时间（包括静态资产，如images，css，js，...）和后端代码的基准（Ruby代码）。

我建议使用这两个工具进行上述测量：

• YSlow（适用于Firefox和Chrome的附加组件）：使用a测量页面加载时间 很多改进的指导。
• New Relic：衡量后端的工具 代码：https://github.com/newrelic/rpm

另一个提示是，在优化性能代码时，应该在开发环境中运行Rails。因为应用程序在开发模式下比在生产模式下运行得更慢。如果它在开发模式下快速运行，它将在生产模式下运行得更快;）。

3）你使用资产压缩的方式并没有错，但很奇怪:)，因为你试图在开发模式下压缩资产（在development.rb中配置），而我们应该在生产模式下进行压缩（在生产中配置） .RB）。

4）这取决于你的选择。但是，是的，您应该将所有图像放在assets / images /文件夹中。