1.スプライト（背景スプライト画像/スプライト画像）
1-複数の散発的な画像またはアイコンを1つの大きな画像に含めることで、多数の画像の代わりに1つの画像のみをロードする必要があるため、多くのHTTPリクエストが削減されます。
2-背景の配置のためにCSSのbackground-image、background-repeat、およびbackground-positionの組み合わせを使用して、background-positionは数字で背景画像の位置を正確に特定できます。
次に、httpリクエストの数を減らします
CSSスプライト、JS、CSSソースコードの圧縮、画像サイズの制御が適切です。WebページGzip、CDNホスティング、データキャッシュ、画像サーバー。
3、遅延読み込みコンポーネント
ページを詳しく見て、自分自身に問いかけることができます。最初にページをレンダリングするには何が必要ですか。残りのコンテンツを待つことができます。
JavaScriptは、onloadイベントの前後を分離するための理想的な選択肢です。たとえば、ドラッグアンドドロップとアニメーションをサポートするJavaScriptコードとライブラリがある場合、ドラッグアンドドロップ要素はページが最初にレンダリングされた後なので、しばらく待つことができます。遅延読み込みが可能なその他の部分には、非表示のコンテンツ（特定のインタラクティブアクションの後に表示されるコンテンツ）や折りたたまれた画像などがあります。
ツールはワークロードの削減に役立ちます。YUIImage Loaderは折りたたまれた画像をレイジーにロードでき、YUI GetユーティリティはJSとCSSを導入する簡単な方法です。Yahoo!のホームページは一例です。Firebugネットワークパネルを開いて、詳細を見ることができます。
「プログレッシブエンハンスメント」など、他のWeb開発のベストプラクティスとパフォーマンス目標を一致させることが最善です。クライアントがJavaScriptをサポートしている場合は、ユーザーエクスペリエンスを向上させることができますが、JavaScriptがなくてもページが正しく機能することを確認する必要があります。したがって、ページが正常に実行されていることを確認した後、遅延ロードスクリプトを使用してページを拡張し、ドラッグアンドドロップやアニメーションなどの豪華な効果をサポートできます。
4、404に終止符を打つ
HTTPリクエストは高価であり、HTTPリクエストを使用して役に立たない応答（404 Not Foundなど）を取得する必要はありません。これにより、ユーザーエクスペリエンスが遅くなるだけで、何のメリットもありません。
一部のサイトでは、有用な404-"xxxを意味しますか？"を使用しています。これは、ユーザーエクスペリエンスに優れていますが、サーバーリソース（データベースなど）を浪費します。最悪なのは、リンクされている外部JavaScriptにエラーがあり、結果が404になることです。まず、このダウンロードは並行ダウンロードをブロックします。次に、ブラウザは404レスポンスの本文を解析しようとします。これはJavaScriptコードであり、利用可能な部分を見つける必要があるためです。
5、DOMアクセスを最小化
JavaScriptを使用したDOM要素へのアクセスは非常に遅いため、ページをより迅速に反応させるには、アクセスされた要素のインデックスをキャッシュし
、ノードを「オフライン」で更新してから、DOMツリーに追加する必要があります
。JavaScriptを使用してレイアウトの問題を修正しないでください
6.クッキーを与えて減量する
承認や個人化など、Cookieを使用する理由はたくさんあります。HTTPヘッダーのCookie情報は、Webサーバーとブラウザーの間で交換されます。ユーザーの応答時間への影響を最小限に抑えるには、Cookieをできるだけ小さくすることが重要です。
不要なCookieをクリアして
、Cookieをできるだけ小さくして、ユーザー応答時間への影響を最小限に抑えます。
他のサブドメインに影響を与えないように、Cookieに適切なドメインレベルを設定するように注意してください。
適切な有効期間を設定するか、以前の有効期間を設定するか、どれも速く削除できませんCookie、ユーザー応答時間の改善
技術的なディスカッションのためにグループに参加することを歓迎します。グループ番号：954314851
