最新のJavaScriptニュースレターを購読して、ここをクリックして購読するためにここをクリックしてください。 今では、ほとんどすべてのJavaScriptアプリケーションがビルドプロセスを使用しています。 ES2015やTypeScriptから翻訳していなくても、コードへの接続と圧縮を何らかの形で実行することが標(biāo)準(zhǔn)的な慣行になっています。その理由は、HTTPリクエストを行う際にかなりのオーバーヘッドがあるためです。サービスが少なく、より大きなファイルは、提供される多くの小さなファイルよりも効率的です。ネットワークの基礎(chǔ)となるプロトコルであるHTTP/2の次のバージョンの採用により、ベストプラクティスを再考する時が來るかもしれません。

HTTP/2は、GoogleのSPDYプロトコルに基づいています。これは、既存のHTTP 1.1標(biāo)準(zhǔn)に基づいてページの読み込みのレイテンシを改善し、セキュリティを改善するように設(shè)計されています。この新しいプロトコルの作業(yè)は2012年に始まり、最初の開発バージョンはSPDYの直接コピーです。最終標(biāo)準(zhǔn)は2015年5月にリリースされ、今年5月にGoogleはChromeのSpdyをサポートしなくなると発表しました。

HTTP/2は前身とどう違うのですか？主な違いの1つは、HTTP/2がテキストベースのプロトコルではなく、

バイナリ

プロトコルであることです。これにより、よりコンパクトで、より斷固とし、エラーが発生しやすくなります。このプロトコルの重要な利點は、多重化されていることです。つまり、単一の接続で複數(shù)のファイルを転送できることを意味します。広く公開されているもう1つの機(jī)能は、サーバープッシュです。これにより、サーバーはクライアントがリクエストする前にクライアントにリソースを転送し、キャッシュを事前に充填できます。 新しいプロトコルのサポートは、すべての主流のブラウザを含む非常に優(yōu)れています。サーバー側(cè)では、Apache2、Nginx、およびMicrosoft IISによってサポートされており、node.js 5.0以上でもサポートされています。ほとんどのブラウザベンダーは、TLS接続でHTTP/2のみをサポートすると言いますが、Let's Encryptの無料SSL証明書の出現(xiàn)により、簡単な要件です。今年6月にW3Techsが収集したデータによると、現(xiàn)在、上位1,000萬のWebサイトの約8.4％が新しい契約をサポートしています。 Chromeユーザーの場合は、HTTP/2およびSPDYインジケーター拡張機(jī)能を使用して、HTTP/2を介してどのWebサイトが提供されるかを明確に表示できます。

JavaScript開発者にとって、HTTP/2の採用はどういう意味ですか？複數(shù)のファイルをバンドルに接続する現(xiàn)在の練習(xí)により、ブラウザがコードを効率的にキャッシュすることが難しくなります。モジュールでコードの行を変更するには、バンドルファイル全體を再ダウンロードする必要があります。 HTTP/2マルチプレックスはリクエストを比較的安価にするため、コードをより小さなバンドルに分割し、キャッシュをよりよく使用して、アプリケーションがユーザーの帯域幅を効果的に利用できるようにするオプションがあります。

しかし、リクエストが安い場合、バンドルを完全にあきらめるべきですか？一見、これは理にかなっているようですが、HTTPリクエストのコストは考慮すべき唯一の要因ではありません。また、Webサーバーは、大量のファイルをどれだけ効率的に提供できるかを制限しています。 JavaScriptコミュニティの急増により、より小さく、より集中化されたモジュールに移行し、何らかのバンドルなしでこれらのファイルをクライアントに提供することは理想的ではありません。最も重要なことは、ファイルを組み合わせることでより良い圧縮を?qū)g現(xiàn)することで、帯域幅を保存することです。

では、いつhttp/2に切り替えることを検討する必要がありますか？答えは、狀況に依存します。ブラウザのサポートは非??常に優(yōu)れていますが、ターゲットオーディエンスがIEの古いバージョンにまだ殘っている場合、あなたは不運に陥っているので、訪問者の統(tǒng)計を確認(rèn)して、これがほとんどのユーザーに利益をもたらす可能性があるかどうかを確認(rèn)してください。私がこのすべてから得たのは、新しいプロトコルのサポートと採用が驚くほど順調(diào)に進(jìn)んでおり、開発者として、それは私たちが無視できない傾向であるということです。

どのようなバンドル戦略を使用していますか？ HTTP/2に切り替えることを検討していますか、それともすでに切り替えているのでしょうか？コメントで教えてください！

ファイルバンドリングとHTTP/2

に関するFAQ（FAQ）

HTTP/1よりもHTTP/2の主な利點は何ですか？

HTTP/2には、HTTP/1よりもいくつかの利點があります。最も重要な利點の1つは、単一のTCP接続で複數(shù)のリクエストを多重化する機(jī)能です。この機(jī)能は、複數(shù)のリクエストを行うときに発生する可能性のあるレイテンシを減らし、それによりWebアプリケーションの全體的なパフォーマンスを改善します。 HTTP/2は、オーバーヘッドを削減し、サーバーのプッシュをサポートするヘッダー圧縮もサポートし、クライアントがリクエストする前にサーバーがクライアントにリソースを送信できるようにします。

ファイルバンドルはHTTP/2でどのように機(jī)能しますか？

http/2では、ファイルバンドリングはhttp/1ほど必要ではありません。これは、HTTP/2が一度に単一の接続で複數(shù)のリクエストを処理できるため、リクエストの數(shù)を減らすためにファイルをバンドルする必要性を排除するためです。代わりに、ファイルを個別にロードすることができ、キャッシュの使用率を改善し、ファイル管理と更新を簡素化できます。

http/2の多重化とは何ですか？

多重化はHTTP/2の重要な機(jī)能であり、複數(shù)のリクエストと応答を単一のTCP接続で同時に送信できます。これは、HTTP/1の大幅な改善であり、接続ごとに1つの要求のみを処理できます。多重化により、複數(shù)のリクエストに関連するレイテンシが減少し、Webアプリケーションのパフォーマンスが向上します。

サーバーはHTTP/2をどのように押し込んでいますか？

サーバープッシュは、クライアントがリクエストする前にサーバーがクライアントにリソースを送信できるようにするHTTP/2の機(jī)能です。これにより、クライアントがリソースを受信およびレンダリングするのにかかる時間を短縮することにより、Webアプリケーションのパフォーマンスを改善できます。サーバーは、最初のリクエストに基づいてクライアントが必要とすることを期待するリソースをプッシュできます。

なぜHTTP/2でファイルバンドリングが悪い練習(xí)と見なされているのですか？

HTTP/2はSEOにどのような影響を與えますか？

HTTP/2は、Webサイトの速度とパフォーマンスを改善できるため、SEOにプラスの影響を與える可能性があります。ページの読み込み速度がランキングファクターであるため、サイトが検索エンジンの結(jié)果でランク付けされる傾向が高くなります。さらに、HTTP/2のマルチプレックスおよびサーバープッシュ機(jī)能により、ユーザーエクスペリエンスが向上し、SEOの改善にも役立ちます。

http/2でセキュリティを改善する方法は？

HTTP/2は、クライアントとサーバー間で送信されたデータを暗號化するHTTPSの使用をサポートすることにより、セキュリティを改善します。これにより、伝染中に機(jī)密情報がインターセプトまたは改ざんされないようになります。さらに、HTTP/2のバイナリフレームメカニズムは、HTTP/1プロトコルに対する攻撃を防ぐのに役立ちます。

HTTP/2はモバイルブラウジングにどのように影響しますか？

HTTP/2は、遅延を削減し、Webアプリケーションの速度を上げることにより、モバイルブラウジングを大幅に改善できます。これは、より遅いインターネット接続を使用することが多いモバイルユーザーにとって特に有益です。 HTTP/2のマルチプレックスおよびサーバープッシュ機(jī)能は、モバイルアプリケーションのパフォーマンスを改善することもできます。

古いブラウザでHTTP/2を使用できますか？

ほとんどの最新のブラウザはHTTP/2をサポートしていますが、古いブラウザはそうではないかもしれません。クライアントがHTTP/2をサポートしていない場合、サーバーは通常、HTTP/1の使用に戻ります。 HTTP/2には多くの利點がありますが、優(yōu)れたコーディングプラクティスに代わるものではなく、より広範(fàn)なパフォーマンス戦略の一部として使用する必要があることに注意してください。

私のウェブサイトがHTTP/2を使用しているかどうかを確認(rèn)する方法は？

HTTP/2テストなど、WebサイトがHTTP/2を使用しているかどうかを確認(rèn)するオンラインツールがいくつかあります。また、ブラウザ開発者ツールでネットワークプロトコルをチェックして手動で確認(rèn)することもできます。ウェブサイトがHTTP/2を使用していない場合は、サーバーソフトウェアまたは構(gòu)成を更新する必要がある場合があります。

以上がファイルバンドリングとhttp/2：ベストプラクティスの再考の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。