私は今、パフォーマンスを改善する必要があるウェブサイトの最適化に取り組んでいるので、yslow を使用しました。
yslow によって提案されたパフォーマンスを改善するために、最初に解決すべき問題はどれですか? または、httpリクエストを保存するだけなので、誰でも取得できますか？
このページには、20 個の外部 Javascript スクリプトがあります。それらを1つにまとめてみてください。
このページには 20 個の外部スタイルシートがあります。それらを1つにまとめてみてください。
このページには 20 枚の外部背景画像があります。それらを CSS スプライトと組み合わせてみてください。
3 つの提案すべてを実行することをお勧めします。どちらを先に行うかは、どちらも 20 件のリクエストを 1 件にまとめているように見えるため、特に問題はありません。
yslow のドキュメントから(強調は鉱山):
エンド ユーザーの応答時間の 80% がフロントエンドで費やされます。この時間のほとんどは、ページ内のすべてのコンポーネント (画像、スタイルシート、スクリプト、Flash など) のダウンロードに費やされます。コンポーネントの数を減らすと、ページのレンダリングに必要な HTTP リクエストの数が減ります。これは、ページを高速化するための鍵です。
ここで、縮小化を同時に行っている場合は、コンテンツのサイズに対して Javascript と CSS で利益を得ることができます。このため、これら 2 つのいずれかから始めて、ファイルの結合と並行して縮小を行うことをお勧めします。
コードが縮小されると、すべてのコメントが削除され、不要な空白文字 (スペース、改行、およびタブ) も削除されます。JavaScript の場合、ダウンロードされるファイルのサイズが小さくなるため、応答時間のパフォーマンスが向上します。
スプライトの提案に対する外部背景画像は、おそらく最も重要です。これは、より多くのデータになる可能性があるためです。JS / CSS ファイルを組み合わせると、どちらもほぼ同じになるはずです。ただし、3つの提案すべてを使用することをお勧めします。
ただし、3 つの提案はすべて、HTTP 要求を同じ量だけ削減します。
「遅延ロード」を試したことがありますか。
+
CSS と JavaScrip ファイルを圧縮してみてください (それらを 1 つのファイルに結合します)。
個々のリクエストの数を減らすことが目的です。