Webサイトがページをレンダリングするために必要な帯域幅の量を減らすことに関して、最も効果的な方法は何ですか?
積極的なキャッシング? JS/CSSを縮小していますか? Gzip? CMS?スプライト?
どのWebサイトでも簡単に実装できるいくつかの基本的な方法:
deflate
またはgzip
で圧縮します。もう少し関与:
生成されたスプライトを使用自動。スプライトは、複数のアイコンまたは他の小さな画像を含む単一の画像です。次に、CSS background
プロパティで表示する画像を選択します。 例 。
利点は、クライアントがHTTPリクエスト(オーバーヘッドがある)を少なくすることです。
これらのことを手動で行う場合、それは間違いなく価値がなく、コードのメンテナンスが悪夢になるため、「自動的に」太字にしました。通常、それを自動的に行うことは、カスタムスクリプトを記述することを意味します。そのため、「もう少し複雑」です。
Googleは、推奨事項の概要を説明し、説明しました ペイロードサイズの最小化 。次のテクニックが含まれます。
これらの提案は、 Page Speed と呼ばれるオープンソースのFirefox/Firebugアドオンプロジェクトの一部です。 Yahoo!の YSlow プラグインに似ています。実際のPage Speedアドオンは、そのリストで詳細に説明されているよりも多くの最適化をチェックします。ページ速度の使用方法も説明されています。
Yahoo!の Webサイトを高速化するためのベストプラクティス 同様のベストプラクティスのセットを特定します。
(Yahoo!のリストは最大35項目で、全体を引用する必要はありません。)
YSlow (画像リンク)と Page Speed (画像リンク)の両方を使用すると、ページでテストを実行でき、できることを提案して、推奨事項は既に実装されています。