0

我阅读了有关提高站点性能的信息并尝试使用其中的一些,但由于经验不足,我在这方面不是很胜任。

首先我需要满足,我正在使用瘦服务器。

这是我所做的:

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

我将此添加到我的 development.rb 文件中(以前安装了所需的 gem):

config.assets.compress = true

config.assets.debug = false

config.assets.css_compressor = :yui

config.assets.js_compressor = :uglifier

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

刷新后会好一点

问题:

  1. 使用图像作为背景(精灵)对性能更好吗?
  2. 如何检查现场性能并查看我应该在哪里工作?
  3. 我正在使用编译/压缩赖特吗?
  4. 我应该把我所有的图像放在资产文件夹中吗?
4

1 回答 1

1

以下是我对您的问题的回答:

1)您应该尽可能少地使用图片,因为图片会大大减少页面加载时间。应该使用 CSS 代替,在我们不能使用 CSS 的地方使用图像。多张图片应该合并成一张以减少请求的数量(http://www.w3schools.com/css/css_image_sprites.asp)。

2) 有很多工具可以帮助我们监控和提高应用程序的性能。我们可以检查和改进的两件事是页面加载时间(包括静态资产,如图像、css、js ......)和后端代码(Ruby 代码)的基准测试。

我推荐这两个工具来进行上述测量:

  • YSlow(Firefox 和 Chrome 的附加组件):测量页面加载时间并提供大量改进说明。
  • New Relic:测量后端代码的工具:https ://github.com/newrelic/rpm

另一个提示,在优化代码以提高性能时,您应该在开发环境中运行 Rails。因为应用程序在开发模式下比在生产模式下运行得更慢。如果它在开发模式下运行得很快,它会在生产模式下运行得更快;)。

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

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

于 2012-09-18T09:15:23.533 回答