0

私はサイトのパフォーマンスの改善について読み、それらのいくつかを使用しようとしましたが、経験が少ないため、これについてはあまり有能ではありません.

まず、シンサーバーを使用していることを確認する必要があります。

これが私がしたことです：

  1. アイコン（静的、ホバー、アクティブ）のスプライト画像を作成しました
  2. 追加の圧縮
  3. 追加されたコンパイル

これを私のdevelopment.rbファイルに追加しました（以前にインストールされた必要な宝石）：

config.assets.compress = true

config.assets.debug = false

config.assets.css_compressor = :yui

config.assets.js_compressor = :uglifier

初めてページを開いたときの私の非常に悪い結果：

リフレッシュ後は少し良くなります

質問:

  1. 画像を背景（スプライト）として使用した方がパフォーマンスは良くなりますか？
  2. サイトのパフォーマンスを調べて、どこで働くべきかを調べるにはどうすればよいですか?
  3. 私は wright のコンパイル/圧縮を使用していますか?
  4. すべての画像を assets フォルダーに入れる必要がありますか?
4

1 に答える 1

1

あなたの質問に対する私の答えは次のとおりです。

1) 画像を使用するとページの読み込み時間が大幅に短縮されるため、使用する画像はできるだけ少なくする必要があります。代わりに CSS を使用する必要があります。CSS を使用できない場合は画像を使用してください。リクエストの数を減らすために、多数の画像を 1 つの画像に結合する必要があります (http://www.w3schools.com/css/css_image_sprites.asp)。

2) アプリのパフォーマンスを監視および改善するのに役立つツールがたくさんあります。私たちが調査して改善できる 2 つの重要な点は、ページの読み込み時間 (画像、css、js などの静的アセットを含む) とバックエンド コード (Ruby コード) のベンチマークです。

上記の測定を行うには、次の 2 つのツールをお勧めします。

  • 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 に答える