質問: 帯域幅(したがってページの読み込み時間)を削減する効果的な方法は? webサイトがページをレンダリングするために必要な帯域幅の量を減らすことに関して、最も効果的な方法は何ですか?積極的なキャッシング? js/cssを縮小していますか? gzip? cms?スプライト?
回答: どのwebサイトでも簡単に実装できるいくつかの基本的な方法: リクエストを行ったブラウザがサポートしている場合、html、css、およびjavascriptをdeflateまたはgzipで圧縮します。 google closure compiler でjavascriptを縮小します yui compressor でcssを縮小します もう少し関与: ページまたは画像が変更される可能性が低い場合、ブラウザにキャッシュするように指示します。ほとんどのwebサーバーはすでに静的ファイルに対してこれを行っているため、必要なことは、可能であれば動的スクリプトに追加するだけです。 cssファイルとjsファイルを単一のファイルに自動的にマージします。これは、httpリクエスト(オーバーヘッドがあり、特定の愚かなブラウザ(つまりinternet explorer)がデフォルトでドメインごとに一度に2つのリクエストを制限する)を減らすため、有利です。 静的ファイル(css、js、画像など)を別のドメイン名に移動します。これにより、httpリクエストでcookie情報が送信されなくなります。 生成されたスプライトを使用自動。スプライトは、複数のアイコンまたは他の小さな画像を含む単一の画像です。次に、css backgroundプロパティで表示する画像を選択します。 例 。 利点は、クライアントがhttpリクエスト(オーバーヘッドがある)を少なくすることです。 これらのことを手動で行う場合、それは間違いなく価値がなく、コードのメンテナンスが悪夢になるため、「自動的に」太字にしました。通常、それを自動的に行うことは、カスタムスクリプトを記述することを意味します。そのため、「もう少し複雑」です。