HTTP / 2でサイトの速度を向上させる

HTTP / 2でサイトの速度を向上させる

最新のWebでは、サイトのパフォーマンスが1ミリ秒ごとにカウントされます。それはあなたのウェブサイトの構造に依存しますが、CloudFlareとLoadImpactによって実行されたテストから、あなたのサイト 20%から200%+の速度向上の恩恵を受けることができます 新しいHTTP / 2プロトコルへの切り替えから。このテストは、複数のリクエストでページをロードするときの速度の違いを示しています.


HTTP / 2は、サーバーごとに1つの接続のみを使用するバイナリプロトコルです。より高速なTLSパフォーマンスを提供し、より優れたセキュリティをサポートし、Webアプリを簡素化します。 WordPressのようなほとんどのサイトやCMSに最適なソリューションです。サイトをさらに高速化したい場合は、ここにさらに33のヒントがあります.

あなたはするであろう 利益にならない Webアプリが主に大きなダウンロード可能なファイルまたはメディアストリームを提供する場合は、HTTP / 2から。この場合、おそらくTLSは必要ありません。1つのストリームのみが使用されている場合、多重化は何のメリットもありません。.

HTTP / 2の紹介

HTTP / 2は、従来のHTTP / 1.1 Webデータ送信フレームワークの主要な改訂版であり、TCP接続を介してWebアセットをロードする主要な方法として15年間World Wide Webに忠実に対応してきました.

プロトコルの根本的な書き換えではなく、HTTP / 2はHTTPコードの再表現であり、同じメソッド、ステータスコード、および言語セマンティクスを利用して、現在のレガシーHTTPフレームワークが直面する課題に取り組みます。主に、HTTP / 2は、ページがドメインシャーディング、連結、スプリントなどの「ハッキング」に頼ることなく行うことができる未処理のリクエストの数を増やすことにより、Webページの読み込み待ち時間を削減するように見えます.

HTTP / 2の使用目的と使用理由?

インターネットエンジニアリングタスクフォースのHTTPワーキンググループによって開発されたHTTP / 2は、Googleが開発した以前のSPDYプロトコルに基づいており、ネットワークセンターのデータ使用量の増大するコスト問題を解決するために使用され、2つの仕様、つまりハイパーテキスト転送プロトコルvで構成されています。 2およびHPACKヘッダー圧縮フォーマット.

特にヘッダー圧縮は、データを完全にロードするために必要なラウンドトリップの数を大幅に減らします。これはモバイルクライアントに特に役立ちます。モバイルクライアントでは、通常、数百ミリ秒の往復遅延が発生します。 SPDY / 2フレームワークが新しいシステムのベースとして選択されました。HTTP/ 2の実装以降、Googleは新しい改良されたプロトコルを支持してSPDYサポートを削除する計画を進めてきました.

最終的には、ホスティングパフォーマンスを向上させる.

使い方

HTTP / 2は、HTTP / 1.xフレームワークのテキストのプロトコルとは対照的に、バイナリプロトコルを使用します。これらのプロトコルは、よりコンパクトで、「ネットワーク上」で解析しやすいためです。.

以前のデザインでは、ページが行メッセージを解析する方法は4つありました。新しいフレームワークでは、これは1回の呼び出しに削減されました。これと同様に、 完全なマルチプレックスサポートの組み込み つまり、レガシープロトコルの行頭ブロッキングの問題が解消され、単一のTCP接続を介して複数の要求および応答メッセージをいつでも「処理中」にすることができます。.

HTTP2

画像ソースNginx

最近のほとんどのWebページでは複数のソースが使用されているため、HTTP / 2ではまだ1つのTCP接続しか許可されないため、これは重要です。さまざまな発信元からの複数の接続があると、ブラウザのネットワークリソースの使用量が合理的な範囲を超えて増加するため、HTTP / 2は代わりにサーバープッシュとヘッダー圧縮を使用してデータ転送と効率を最大化します.

ブラウザ以外のアプリケーション、さらにはVoIPなどのパケット効率の高いアプリケーションも、すでにHTTPを使用している場合、HTTP / 2.x接続を利用できるはずです。これにもかかわらず、HTTP / 2はこれまでのところ、主にブラウザーの使用のために最適化されています。.

HTTP / 2によるオンラインセキュリティ

これまでのところ、HTTPワーキンググループは、トランスポート層セキュリティ(TLS)などの暗号化方式の使用を要求していません。それにもかかわらず、彼らは暗号スイートのブラックリストを含むTLSプロファイルを定義しており、暗号化されていない状態のHTTP / 2を現在サポートしているブラウザーはありません。現在HTTP / 2プロトコルをサポートしているブラウザーには、Microsoft Edge、Safari、Firefox、Chromeがあります。.

スクリーンショット2017 7 17 HTML5 CSS3などのサポートテーブルを使用できますか

これらのサポート統計は2017年7月のものです。現在のステータスについては、 ここにソース.

新しいプロトコルの実装

ほとんどの場合、HTTP / 2は、事前のHTTP / 1.xサポートなしで実装できます。 HTTP 1.1アプリケーション層プロトコルネゴシエーション(ALPN)識別子を実装しない場合は、TLS暗号化のサポートも可能です。ただし、HTTP / 2 over TCPの場合は、HTTP / 1.1からのアップグレードを処理する必要があります.

暗号化要件がないことに加えて、HTTP / 2にはいくつかの弱点があります。 CookieはHTTP / 1ではあまり改善されていません。比較的無害な性質にもかかわらず、ハッカーは技術的にCookieを使用してプライベートシステムにアクセスできます。.

いつどのように切り替えるか

ほとんどの主要なクライアントが新しいプロトコルをサポートしているため、クライアント側からHTTP / 2を使い始めるのはそれほど難しくありません。ブラウザが最新であることを確認するだけです。.

ただし、サーバー側では、もう少し動き回っています。画像スプライトから離れて、ページ上のCSSとJava連結の量を減らし、ドメインシャードをHTTP / 2で統合できるように準備する必要があります。.

後者を行うには、両方の共有URLに必要なTLS証明書があることを確認する必要があります。ページの展開先のサーバーを直接制御できない場合は、サーバーが更新されたことがわかるまで待つことをお勧めします.

ホストに確認する

最後に、あなたに話します WordPressホスティング プロバイダーまたはサーバー管理者は、あなたがHTTP / 2対応かどうかを確認するために.

インフラストラクチャが存在することを確認したら、訪問者が統計的に最も恩恵を受けるように、新しいプロトコルを展開します。サーバーホストに接続できない場合は、このようなサーバーのステータスをテストするために使用できるオープンソースのツールをオンラインで利用できます KeyCDNのツール.

プロジェクトを最適化する方法についてのより良いヒントについては、top5hostingをフォローしてください。HTTP/ 2プロトコルについて他に質問がある場合は、 GithubでのFAQ.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map