ウェブサイトのパフォーマンスを最適化する方法

Web サイトのパフォーマンスの最適化には次のものが含まれます: 1. コンテンツに関しては、HTTP リクエストを減らし、DNS クエリを減らし、リダイレクトを回避します; 2. サーバーに関しては、CDN を使用し、Gzip 圧縮を使用し、空の src img タグを回避します; 3. Cookie に関しては、Cookie を減らします。

1. コンテンツ

HTTP リクエストの削減: ファイルのマージ、CSS スプライト、インライン イメージ

DNS の削減クエリ: DNS クエリが完了するまで、ブラウザはこのホストからファイルをダウンロードできません。 メソッド: DNS キャッシュ、適切な数のホスト名にリソースを分散し、並列ダウンロードと DNS クエリのバランスを調整します。

リダイレクトの回避: 冗長中間access

AJAX キャッシュを使用する

非必須コンポーネントの遅延読み込み

将来必要なコンポーネントの事前読み込み

DOM 要素の数を減らす

リソースを異なるドメインに配置する: ブラウザーが 1 つのドメインから同時にダウンロードできるリソースの数には制限があります。ドメインを追加すると、並列ダウンロードの数が増加する可能性があります

#iframe の数を減らす

Don't 404

2. サーバー アスペクト

CDN を使用する

Expires または Cache-Control を追加する: Cache-Control と Expires が同時に存在する場合, Cache-Control は Expires を上書きします。関連リンク

Gzip 圧縮を使用する

Etag を構成する

バッファを早期にフラッシュする

Ajax はリクエストに GET を使用する

空の src img タグを避ける

3. Cookie の側面

Cookie の削減

インポートされたリソースのドメイン名に Cookie を含めないでください

4. CSS の側面

スタイルシートを先頭に置く

CSS式を使用しないでください

@importを使用しないでください

IEのフィルターを使用しないでください

5、JavaScript

スクリプトをページの下部に配置します

外部からJavaScriptとCSSを導入します

JavaScriptとCSSを圧縮します

不要なスクリプトを削除する

DOM クエリを削減する

#イベント リスナーを合理的に設計する

#6. 画像の側面

画像を最適化する: 実際に応じて色深度を選択する圧縮

CSS スプライトを最適化する

HTML で画像を引き伸ばさないでください

favicon と ico が小さくキャッシュ可能であることを確認してください

7. モバイル アスペクト

保証コンポーネントは 25K 未満です

コンポーネントをマルチパート ドキュメントにパックする

以上がウェブサイトのパフォーマンスを最適化する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。