4

私たちはWebサービスを実行していますが、これはかなり長いページレンダリング時間、特にIE8（約20秒）に苦労しています。私たちは高性能のバックエンドシステムの構築には非常に熟練していますが、フロントエンドの最適化にはそれほど熟練していません。

現在、（newrelicから）ページのレンダリングとdom-parsingが最大の問題であるようです。

私たちはjsスクリプトを最適化しようとしましたが、それは少し役に立ちましたが、それでもIE8ではページのレンダリングがひどく遅くなり、ぶら下がっている果物がいくつかあるように感じます。私の問題は、どこから始めればよいのか、何がうまくいくのか、そして私が見ていない赤い子羊が点滅しているのかどうかが本当にわからないということです。経験豊富な目が必要です。

誰かが正しい方向に私を助けることができますか（私はすべてにオープンです！）？

遅いページはここにあります：遅いページ

PS。Rails3.2を実行しています

4

3 に答える 3

4

  1. 上記のツール（YSlowも優れたツールです）またはこのオンラインツールPingdomを使用してWebサイトを分析することをお勧めします。そこにあなたはあなたの速度がなくなっているところを非常に簡単な方法で見るでしょう。

  2. Hooopoの回答（すばらしい！）Yahoo !のパフォーマンス最適化の本から無料で入手できる要約があります。開発者ネットワーク

  3. 「現在、（newrelicから）ページのレンダリングとdom-parsingが最大の問題であるようです。」したがって、この本を研究することをお勧めします：NicholasC.Zakasの高性能Javascript 。

  4. プログレッシブレンダリングを改善するために、ページの下部にできるだけ多くのJSを配置します。

  5. 私は時々少し長いCSSセレクターを見つけました（それが小さなサイトであるかどうかは関係ありませんが、この場合は..）。これにより、特にIEで、ページのレンダリングが非常に遅くなる可能性があります。

例（あなたのサイトから）：

table.results_table td.car_details .content > .left { ... }

この大きなセレクターをこれに分解してみてください（可能な場合）：

.car_details .content .left-child { ... }

短い：JSのパフォーマンスを最適化し、cssセレクターを可能な限り小さくシンプルに保ちます。

お役に立てれば。

于 2012-06-03T10:28:29.873 に答える
2

フロントエンドを最適化するには、次の2つのツールを試して、その提案に従ってください。

http://www.webpagetest.org/

https://developers.google.com/speed/pagespeed/insights

cssスプライトイメージを使用してhttpリクエストを減らすこともできます。https://github.com/Compass/compass-railsをお試しください

于 2012-06-01T13:59:27.903 に答える
0

あなたに2冊の本をお勧めします：

http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309

こんにちは

http://shop.oreilly.com/product/9780596522315.do

ここに画像の説明を入力してください

于 2012-06-01T14:18:37.603 に答える