diff --git a/src/content/ja/2019/caching.md b/src/content/ja/2019/caching.md index 9a688593604..b11a23684b9 100644 --- a/src/content/ja/2019/caching.md +++ b/src/content/ja/2019/caching.md @@ -2,7 +2,7 @@ part_number: IV chapter_number: 16 title: キャッシング -description: 2019Web年鑑のキャッシュの章は、キャッシュコントロール、有効期限、TTL、有効性、変化、Cookieの設定、アプリケーションキャッシュ、Service Worker、および機会について説明します。 +description: 2019 Web Almanacのキャッシュの章は、キャッシュコントロール、有効期限、TTL、有効性、変化、Cookieの設定、アプリケーションキャッシュ、Service Worker、および機会について説明します。 authors: [paulcalvano] reviewers: [obto, bkardell] translators: [ksakae] @@ -59,7 +59,7 @@ Webブラウザーがクライアントにレスポンスを送信するとき `ETag` 両方が存在する場合に優先されます。これらについては、以下で詳しく説明します。 -以下の例には、HTTPアーカイブのmain.jsファイルからのリクエスト/レスポンスヘッダーの抜粋が含まれています。これらのヘッダーは、リソースを43,200秒(12時間)キャッシュでき、最後は2か月以上前に変更されたことを示します(`Last-Modified`ヘッダーと`Date`ヘッダーの違い)。 +以下の例には、HTTP Archiveのmain.jsファイルからのリクエスト/レスポンスヘッダーの抜粋が含まれています。これらのヘッダーは、リソースを43,200秒(12時間)キャッシュでき、最後は2か月以上前に変更されたことを示します(`Last-Modified`ヘッダーと`Date`ヘッダーの違い)。 ``` > GET /static/js/main.js HTTP/1.1 @@ -572,14 +572,14 @@ Varyヘッダーは、1つ以上の要求ヘッダー値の値をキャッシュ アプリケーションキャッシュまたはAppCacheはHTML5の機能であり、開発者はブラウザがキャッシュするリソースを指定し、オフラインユーザーが利用できるようにできます。この機能は[廃止されており、Web標準からも削除](https://html.spec.whatwg.org/multipage/offline.html#offline)され、ブラウザーのサポートは減少しています。実際、使われているのが見つかった場合、[Firefox v44 +は、開発者に対して代わりにService Workerを使用することを推奨しています](https://developer.mozilla.org/ja-JP/docs/Web/API/Service_Worker_API/Using_Service_Workers)。 [Chrome 70は、アプリケーションキャッシュをセキュリティで保護されたコンテキストのみに制限します](https://www.chromestatus.com/feature/5714236168732672)。業界では、このタイプの機能をService Workerに実装する方向へ移行しており、[ブラウザサポート](https://caniuse.com/#feat=serviceworkers)は急速に成長しています。 -実際、[HTTPアーカイブトレンドレポートの1つは、以下に示すService Worker](https://httparchive.org/reports/progressive-web-apps#swControlledPages)の採用を示しています。 +実際、[HTTP Archiveトレンドレポートの1つは、以下に示すService Worker](https://httparchive.org/reports/progressive-web-apps#swControlledPages)の採用を示しています。
図17.Service Workerが制御するページの時系列。
2016年10月から2019年7月までのService Workerが制御するサイトの使用状況を示す時系列チャート。モバイルとデスクトップの両方で使用量は年々着実に増加していますが、依然として両方で0.6%未満です。
-
図17.Service Workerが制御するページの時系列。 (引用: HTTPアーカイブ)
+
図17.Service Workerが制御するページの時系列。 (引用: HTTP Archive)
採用率はまだウェブサイトの1%を下回っていますが、2017年1月から着実に増加しています。[プログレッシブWebアプリ](./pwa)の章では、人気サイトでの使用によりこのグラフが示唆するよりも多く使用されているという事実を含め、上記のグラフでは1回のみカウントされます。 diff --git a/src/content/ja/2019/cdn.md b/src/content/ja/2019/cdn.md index 0f97e70ff95..0f9e6d1990f 100644 --- a/src/content/ja/2019/cdn.md +++ b/src/content/ja/2019/cdn.md @@ -2,7 +2,7 @@ part_number: IV chapter_number: 17 title: CDN -description: CDNの採用と使用法、RTTとTLSの管理、HTTP/2の採用、キャッシング、および共通ライブラリとコンテンツCDNをカバーする2019 Web年鑑のCDNの章。 +description: CDNの採用と使用法、RTTとTLSの管理、HTTP/2の採用、キャッシング、および共通ライブラリとコンテンツCDNをカバーする2019 Web AlmanacのCDNの章。 authors: [andydavies, colinbendell] reviewers: [yoavweiss, paulcalvano, pmeenan, enygren] translators: [ksakae] @@ -15,7 +15,7 @@ last_updated: 2019-12-04T00:00:00.000Z ## 導入 -「コンテンツ配信ネットワーク」は、Webサイトの読み込みを高速化するための[Steve Soudersによる独自の推奨事項](http://stevesouders.com/examples/rules.php)の1つでした。昨今でも有効なアドバイスです。Web年鑑のこの章ではSteveの推奨事項がどの程度広く採用されているか、サイトがコンテンツ配信ネットワーク(CDN)をどのように使用しているか、およびそれらが使用している機能のいくつかを検討します。 +「コンテンツ配信ネットワーク」は、Webサイトの読み込みを高速化するための[Steve Soudersによる独自の推奨事項](http://stevesouders.com/examples/rules.php)の1つでした。昨今でも有効なアドバイスです。Web Almanacのこの章ではSteveの推奨事項がどの程度広く採用されているか、サイトがコンテンツ配信ネットワーク(CDN)をどのように使用しているか、およびそれらが使用している機能のいくつかを検討します。 基本的にCDNは待ち時間(パケットがネットワーク上の2つのポイント間、たとえば訪問者のデバイスからサーバーに移動する時間)を短縮します、待ち時間はページの読み込み速度の重要な要素です。 @@ -36,11 +36,11 @@ CDNは、多くの場合、訪問者の近くで静的コンテンツを保存 ### 警告と免責事項 -他の観察研究と同様に、測定できる範囲と影響には限界があります。 Web年鑑のCDN使用に関して収集された統計は、特定のCDNベンダーのパフォーマンスや有効性を意味するものではありません。 +他の観察研究と同様に、測定できる範囲と影響には限界があります。 Web AlmanacのCDN使用に関して収集された統計は、特定のCDNベンダーのパフォーマンスや有効性を意味するものではありません。 -Web年鑑に使用されるテスト[方法](./methodology)には多くの制限があります。これらには以下が含まれます。 +Web Almanacに使用されるテスト[方法](./methodology)には多くの制限があります。これらには以下が含まれます。 -* **シミュレートされたネットワーク遅延**:Web年鑑は、[トラフィックを総合的に形成する](./methodology#webpagetest)専用ネットワーク接続を使用します。 +* **シミュレートされたネットワーク遅延**:Web Almanacは、[トラフィックを総合的に形成する](./methodology#webpagetest)専用ネットワーク接続を使用します。 * **単一の地理的場所**:テストは[単一のデータセンター](https://httparchive.org/faq#how-is-the-data-gathered)から実行されるため、多くのCDNベンダーの地理的分布をテストすることはできません。 * **キャッシュの有効性**:各CDNは独自の技術を使用しており、多くの場合、セキュリティ上の理由により、キャッシュのパフォーマンスは公開されていません。 * **ローカライゼーションと国際化**:地理的分布と同様に言語、地理固有のドメインの影響もテストに対して不透明です。 @@ -54,7 +54,7 @@ Web年鑑に使用されるテスト[方法](./methodology)には多くの制限 ### さらなる統計 -Web年鑑の将来のバージョンでは、CDNベンダー間のTLSおよびRTTの管理をより詳細に検討する予定です。興味深いのは、OCSP Staplingの影響、TLS暗号パフォーマンスの違いです。 CWND(TCP輻輳ウィンドウ)成長率、特にBBR v1、v2、従来のTCP Cubicの採用。 +Web Almanacの将来のバージョンでは、CDNベンダー間のTLSおよびRTTの管理をより詳細に検討する予定です。興味深いのは、OCSP Staplingの影響、TLS暗号パフォーマンスの違いです。 CWND(TCP輻輳ウィンドウ)成長率、特にBBR v1、v2、従来のTCP Cubicの採用。 ## CDNの採用と使い方 @@ -1052,7 +1052,7 @@ TLSおよびRTTのパフォーマンスにCDNを使用することに加えて 一般にCDNの使用は、TLS1.0のような非常に古くて侵害されたTLSバージョンの使用率が高いoriginホストサービスと比較して、強力な暗号およびTLSバージョンの迅速な採用と高い相関があります。 -

Web年鑑で使用されるChromeは、ホストが提供する最新のTLSバージョンと暗号にバイアスをかけることを強調することが重要です。また、これらのWebページは2019年7月にクロールされ、新しいバージョンを有効にしたWebサイトの採用を反映しています。

+

Web Almanacで使用されるChromeは、ホストが提供する最新のTLSバージョンと暗号にバイアスをかけることを強調することが重要です。また、これらのWebページは2019年7月にクロールされ、新しいバージョンを有効にしたWebサイトの採用を反映しています。

@@ -1524,7 +1524,7 @@ HTMLページの場合、`Vary`の最も一般的な使用法は、`User-Agent` 一部のCDNは、リソースが古くなった場合にリソースを更新できるようにする方法として`pre-check`をサポートし、最大値`maxage`として`pre-check`をサポートしています。ほとんどのCDNでは、`pre-check`と`post-check`の使用率は1%未満でした。Yahoo!はこの例外であり、リクエストの約15%に`pre-check = 0、post-check = 0`がありました。残念ながら、これは積極的な使用ではなく、古いInternet Explorerパターンの名残です。この上のより多くの議論では、[キャッシング](./caching)の章に記載されています。 -`s-maxage`ディレクティブは、応答をキャッシュできる期間をプロキシに通知します。 Web年鑑データセット全体で、jsDelivrは複数のリソースで高いレベルの使用が見られた唯一のCDNです。これは、jsDelivrのライブラリのパブリックCDNとしての役割を考えると驚くことではありません。他のCDNでの使用は、個々の顧客、たとえばその特定のCDNを使用するサードパーティのスクリプトまたはSaaSプロバイダーによって推進されているようです。 +`s-maxage`ディレクティブは、応答をキャッシュできる期間をプロキシに通知します。 Web Almanacデータセット全体で、jsDelivrは複数のリソースで高いレベルの使用が見られた唯一のCDNです。これは、jsDelivrのライブラリのパブリックCDNとしての役割を考えると驚くことではありません。他のCDNでの使用は、個々の顧客、たとえばその特定のCDNを使用するサードパーティのスクリプトまたはSaaSプロバイダーによって推進されているようです。
@@ -1564,4 +1564,4 @@ Steve SoudersによるCDNの使用の推奨は、12年前と同じように今 この分析に含まれていないCDNの採用にはいくつかの側面があります、これはデータセットの制限と収集方法が原因である場合で、他の場合は分析中に新しい研究の質問が出てきました。 -Webの進化に伴い、CDNベンダーは革新しサイトの新しいプラクティスを使用します、CDNの採用はWeb年鑑の将来のエディションでのさらなる研究のために豊富な領域のままです。 +Webの進化に伴い、CDNベンダーは革新しサイトの新しいプラクティスを使用します、CDNの採用はWeb Almanacの将来のエディションでのさらなる研究のために豊富な領域のままです。 diff --git a/src/content/ja/2019/cms.md b/src/content/ja/2019/cms.md index 55596762d47..9efcec420a0 100644 --- a/src/content/ja/2019/cms.md +++ b/src/content/ja/2019/cms.md @@ -2,7 +2,7 @@ part_number: III chapter_number: 14 title: CMS -description: 2019年版Web年鑑CMS章では、CMSの採用、CMS組み合わせの構築方法、CMSを搭載したWebサイトのユーザーエクスペリエンス、CMSのイノベーションを取り上げています。 +description: 2019年版Web AlmanacCMS章では、CMSの採用、CMS組み合わせの構築方法、CMSを搭載したWebサイトのユーザーエクスペリエンス、CMSのイノベーションを取り上げています。 authors: [ernee, amedina] reviewers: [sirjonathan] translators: [ksakae] @@ -43,7 +43,7 @@ CMSについて考えるとき、ウェブ上にコンテンツを公開する 私たちはCMS空間とウェブの現在と未来におけるその役割を理解するための探求の中で、分析すべき多くの興味深い重要な側面があり、答えるべき質問があります。私たちはCMSプラットフォーム空間の広大さと複雑さを認識しており、そこにあるすべてのプラットフォームに関わるすべての側面を完全にカバーする全知全能の知識を主張しているわけではありませんが、私たちはこの空間への魅力を主張しこの空間の主要なプレイヤーのいくつかについて深い専門知識を持っています。 -この章では広大なCMSの空間の表面領域のスクラッチを試み、CMSエコシステムの現状とコンテンツがウェブ上でどのように消費され、どのように体験されるかについてのユーザーの認識を形成する上でのCMSの役割について私たちの全体的な理解に光を当てようとしています。私たちの目標はCMSの状況を網羅的に見ることではなく、CMSの状況全般に関連するいくつかの側面と、これらのシステムによって生成されたウェブページの特徴について論じていきたいと思います。このWeb年鑑の初版はベースラインを確立するものであり、将来的には、トレンド分析のためにこのバージョンとデータを比較できるようになるでしょう。 +この章では広大なCMSの空間の表面領域のスクラッチを試み、CMSエコシステムの現状とコンテンツがウェブ上でどのように消費され、どのように体験されるかについてのユーザーの認識を形成する上でのCMSの役割について私たちの全体的な理解に光を当てようとしています。私たちの目標はCMSの状況を網羅的に見ることではなく、CMSの状況全般に関連するいくつかの側面と、これらのシステムによって生成されたウェブページの特徴について論じていきたいと思います。このWeb Almanacの初版はベースラインを確立するものであり、将来的には、トレンド分析のためにこのバージョンとデータを比較できるようになるでしょう。 ## CMS導入 @@ -72,7 +72,7 @@ CMSについて考えるとき、ウェブ上にコンテンツを公開する ### CMSの風景 -今日のウェブの大部分は、ある種のCMSプラットフォームを利用しています。この現実を反映して、さまざまな組織が収集した統計となります。[Chrome UXレポート](./methodology#chrome-ux-report)(CrUX)とHTTPアーカイブのデータセットを見ると、データセットの特殊性を反映して定量的には記載されている割合は異なるかもしれませんが、他の場所で発表されている統計と一致している図が得られます。 +今日のウェブの大部分は、ある種のCMSプラットフォームを利用しています。この現実を反映して、さまざまな組織が収集した統計となります。[Chrome UXレポート](./methodology#chrome-ux-report)(CrUX)とHTTP Archiveのデータセットを見ると、データセットの特殊性を反映して定量的には記載されている割合は異なるかもしれませんが、他の場所で発表されている統計と一致している図が得られます。 デスクトップとモバイルデバイスで提供されているウェブページを見てみると、何らかのCMSプラットフォームによって生成されたページとそうでないページの割合が約60-40%に分かれていることがわかります。 @@ -93,7 +93,7 @@ CMSを搭載したウェブページは、利用可能なCMSプラットフォ * コミュニティ * 他にもたくさん -CrUXとHTTPアーカイブのデータセットには、約103のCMSプラットフォームが、混在したウェブページが含まれています。これらのプラットフォームのほとんどは、相対的な市場シェアが非常に小さいものです。今回の分析では、データに反映されているウェブ上でのフットプリントという観点から、上位のCMSプラットフォームに焦点を当ててみたいと思います。完全な分析については、[この章の結果のスプレッドシートを参照してください](https://docs.google.com/spreadsheets/d/1FDYe6QdoY3UtXodE2estTdwMsTG-hHNrOe9wEYLlwAw/edit#gid=0)。 +CrUXとHTTP Archiveのデータセットには、約103のCMSプラットフォームが、混在したウェブページが含まれています。これらのプラットフォームのほとんどは、相対的な市場シェアが非常に小さいものです。今回の分析では、データに反映されているウェブ上でのフットプリントという観点から、上位のCMSプラットフォームに焦点を当ててみたいと思います。完全な分析については、[この章の結果のスプレッドシートを参照してください](https://docs.google.com/spreadsheets/d/1FDYe6QdoY3UtXodE2estTdwMsTG-hHNrOe9wEYLlwAw/edit#gid=0)。
diff --git a/src/content/ja/2019/compression.md b/src/content/ja/2019/compression.md index ea28130d2fe..e032e4d860c 100644 --- a/src/content/ja/2019/compression.md +++ b/src/content/ja/2019/compression.md @@ -2,7 +2,7 @@ part_number: IV chapter_number: 15 title: 圧縮 -description: HTTP圧縮、アルゴリズム、コンテンツタイプ、ファーストパーティとサードパーティの圧縮および機会をカバーする2019 Web年鑑の圧縮の章。 +description: HTTP圧縮、アルゴリズム、コンテンツタイプ、ファーストパーティとサードパーティの圧縮および機会をカバーする2019 Web Almanacの圧縮の章。 authors: [paulcalvano] reviewers: [obto, yoavweiss] translators: [ksakae] @@ -43,7 +43,7 @@ HTTP圧縮は、元の表現よりも少ないビットを使用して情報を ``` -HTTPアーカイブには、530万のWebサイトの測定値が含まれており、各サイトには少なくとも1つの圧縮テキストリソースがホームページにロードされています。さらに、リソースはWebサイトの81%のプライマリドメインで圧縮されました。 +HTTP Archiveには、530万のWebサイトの測定値が含まれており、各サイトには少なくとも1つの圧縮テキストリソースがホームページにロードされています。さらに、リソースはWebサイトの81%のプライマリドメインで圧縮されました。 ## 圧縮アルゴリズム @@ -150,7 +150,7 @@ HTTPレスポンスの約38%はテキストベースの圧縮で配信され さらに「none」「UTF-8」「base64」「text」など、無効な`Content-Encoding`を返す67Kのリクエストがあります。これらのリソースは圧縮されていない状態で提供される可能性があります。 -HTTPアーカイブによって収集された診断から圧縮レベルを判断することはできませんが、コンテンツを圧縮するためのベストプラクティスは次のとおりです。 +HTTP Archiveによって収集された診断から圧縮レベルを判断することはできませんが、コンテンツを圧縮するためのベストプラクティスは次のとおりです。 * 少なくとも、テキストベースのアセットに対してgzip圧縮レベル6を有効にします。これは、計算コストと圧縮率の間の公平なトレードオフを提供し、[多くのWebサーバーのデフォルト](https://paulcalvano.com/index.php/2018/07/25/brotli-compression-how-much-will-it-reduce-your-content/)にもかかわらず、[Nginxは依然として低すぎることが多いレベル1のままです](http://nginx.org/en/docs/http/ngx_http_gzip_module.html#gzip_comp_level)。 * brotliおよびprecompressリソースをサポートできる場合は、brotliレベル11に圧縮します。これはgzipよりも計算コストが高くなります。したがって、遅延を避けるためには、事前圧縮が絶対に必要です。 @@ -294,7 +294,7 @@ Googleの[Lighthouse](https://developers.google.com/web/tools/lighthouse)ツー
図10.Lighthouse圧縮の提案
-各モバイルページに対して[HTTPアーカイブはLighthouse監査を実行する](./methodology#lighthouse)ため、すべてのサイトのスコアを集計して、より多くのコンテンツを圧縮する機会があるかどうかを知ることができます。全体として、ウェブサイトの62%がこの監査に合格しており、ウェブサイトのほぼ23%が40を下回っています。これは、120万を超えるウェブサイトが追加のテキストベースの圧縮を有効にすることを意味します。 +各モバイルページに対して[HTTP ArchiveはLighthouse監査を実行する](./methodology#lighthouse)ため、すべてのサイトのスコアを集計して、より多くのコンテンツを圧縮する機会があるかどうかを知ることができます。全体として、ウェブサイトの62%がこの監査に合格しており、ウェブサイトのほぼ23%が40を下回っています。これは、120万を超えるウェブサイトが追加のテキストベースの圧縮を有効にすることを意味します。
diff --git a/src/content/ja/2019/css.md b/src/content/ja/2019/css.md index 0b634d9d76e..594c20c1f7c 100644 --- a/src/content/ja/2019/css.md +++ b/src/content/ja/2019/css.md @@ -2,7 +2,7 @@ part_number: I chapter_number: 2 title: CSS -description: 色、単位、セレクター、レイアウト、タイポグラフィとフォント、間隔、装飾、アニメーション、およびメディアクエリをカバーする2019 Web年鑑のCSS章。 +description: 色、単位、セレクター、レイアウト、タイポグラフィとフォント、間隔、装飾、アニメーション、およびメディアクエリをカバーする2019 Web AlmanacのCSS章。 authors: [una, argyleink] reviewers: [meyerweb, huijing] translators: [ksakae] @@ -328,7 +328,7 @@ CSSの`z-index`を使用して、垂直の階層化またはスタックを管 全体的に、ブレンドモードの使用はフィルターの使用よりもはるかに低いですが、適度に使用されていると見なすのに十分です。 -Web年鑑の今後のエディションでは、ブレンドモードの使用法にドリルダウンして、開発者が使用している正確なモード(乗算、スクリーン、カラーバーン、ライトなど)を把握することをお勧めします。 +Web Almanacの今後のエディションでは、ブレンドモードの使用法にドリルダウンして、開発者が使用している正確なモード(乗算、スクリーン、カラーバーン、ライトなど)を把握することをお勧めします。 ## アニメーション diff --git a/src/content/ja/2019/ecommerce.md b/src/content/ja/2019/ecommerce.md index 113b5e6301e..8540680a6b9 100644 --- a/src/content/ja/2019/ecommerce.md +++ b/src/content/ja/2019/ecommerce.md @@ -2,7 +2,7 @@ part_number: III chapter_number: 13 title: Eコマース -description: 2019年Web年鑑のEコマースの章では、Eコマースのプラットフォーム、ペイロード、画像、サードパーティ、パフォーマンス、SEO、PWAをカバーしています。 +description: 2019年Web AlmanacのEコマースの章では、Eコマースのプラットフォーム、ペイロード、画像、サードパーティ、パフォーマンス、SEO、PWAをカバーしています。 authors: [samdutton, alankent] reviewers: [voltek62] translators: [ksakae] @@ -605,4 +605,4 @@ PWA監査のうち少なくとも1つがnullスコアを取得した場合、Lig ## 結論 -Eコマースの使用法のこの包括的な研究はいくつかの興味深いデータを示し、また同じEコマースのプラットフォーム上に構築されたものの間でも、Eコマースのサイトの広いバリエーションを示しています。ここでは多くの詳細を説明しましたが、この分野ではもっと多くの分析が可能です。例えば、今年はアクセシビリティのスコアを取得していませんでした(それについての詳細は[アクセシビリティの章](./accessibility)をチェックアウトしてください)。同様に、これらのメトリクスを地域別にセグメント化することも興味深いことでしょう。この調査では、Eコマース・プラットフォームのホームページ上で246の広告プロバイダーが検出されました。さらなる調査(おそらく来年のWeb年鑑に掲載されるかもしれません)では、Eコマースプラットフォーム上で広告を表示しているサイトの割合を計算できます。この調査ではWooCommerceが非常に高い数値を記録していますので、来年の調査では一部のホスティングプロバイダーがWooCommerceをインストールしているにもかかわらず、有効にしていないために数値が膨らんでいるのではないかという興味深い統計を見ることができます。 +Eコマースの使用法のこの包括的な研究はいくつかの興味深いデータを示し、また同じEコマースのプラットフォーム上に構築されたものの間でも、Eコマースのサイトの広いバリエーションを示しています。ここでは多くの詳細を説明しましたが、この分野ではもっと多くの分析が可能です。例えば、今年はアクセシビリティのスコアを取得していませんでした(それについての詳細は[アクセシビリティの章](./accessibility)をチェックアウトしてください)。同様に、これらのメトリクスを地域別にセグメント化することも興味深いことでしょう。この調査では、Eコマース・プラットフォームのホームページ上で246の広告プロバイダーが検出されました。さらなる調査(おそらく来年のWeb Almanacに掲載されるかもしれません)では、Eコマースプラットフォーム上で広告を表示しているサイトの割合を計算できます。この調査ではWooCommerceが非常に高い数値を記録していますので、来年の調査では一部のホスティングプロバイダーがWooCommerceをインストールしているにもかかわらず、有効にしていないために数値が膨らんでいるのではないかという興味深い統計を見ることができます。 diff --git a/src/content/ja/2019/http2.md b/src/content/ja/2019/http2.md index 4381c71261d..e7153095da1 100644 --- a/src/content/ja/2019/http2.md +++ b/src/content/ja/2019/http2.md @@ -2,7 +2,7 @@ part_number: IV chapter_number: 20 title: HTTP/2 -description: HTTP/2、HTTP/2プッシュ、HTTP/2の問題、およびHTTP/3の採用と影響をカバーするWeb年鑑2019のHTTP/2章 +description: HTTP/2、HTTP/2プッシュ、HTTP/2の問題、およびHTTP/3の採用と影響をカバーするWeb Almanac 2019のHTTP/2章 authors: [bazzadp] reviewers: [bagder, rmarx, dotjs] translators: [ksakae] @@ -64,7 +64,7 @@ HTTP/2には次の重要な概念があります。 ただし、HTTP/2はHTTPSで事実上隠されていたため異なってました(少なくともブラウザーの使用例では)、ブラウザーとサーバーの両方がサポートしている限り、採用の障壁を取り除いてきました。ブラウザーのサポートはしばらく前から非常に強力であり、*最新バージョン*へ自動更新するブラウザーの出現により、[グローバルユーザーの推定95%がHTTP/2をサポートするようになりました](https://caniuse.com/#feat=http2)。 -私たちの分析は、Chromeブラウザで約500万の上位デスクトップおよびモバイルWebサイトをテストするHTTPアーカイブから提供されています。([方法論](./methodology)の詳細をご覧ください。) +私たちの分析は、Chromeブラウザで約500万の上位デスクトップおよびモバイルWebサイトをテストするHTTP Archiveから提供されています。([方法論](./methodology)の詳細をご覧ください。)
@@ -72,7 +72,7 @@ HTTP/2には次の重要な概念があります。 図2.要求によるHTTP/2の使用。
2019年7月現在、デスクトップとモバイルの両方で55%採用されているHTTP/2使用の時系列チャート。傾向は年間約15ポイントで着実に増加しています。
-
図2.要求によるHTTP/2の使用。(引用: HTTPアーカイブ)
+
図2.要求によるHTTP/2の使用。(引用: HTTP Archive)
結果は、HTTP/2の使用が、現在過半数のプロトコルであることを示しています。これは、正式な標準化からわずか4年後の目覚しい偉業です。要求ごとのすべてのHTTPバージョンの内訳を見ると、次のことがわかります。 @@ -89,11 +89,11 @@ HTTP/2には次の重要な概念があります。
図3.要求によるHTTPバージョンの使用。
-図3は、HTTP/1.1およびHTTP/2が、予想どおり大部分の要求で使用されるバージョンであることを示しています。古いHTTP/1.0とHTTP/0.9プロトコルでは、ごく少数のリクエストしかありません。面倒なことに、特にデスクトップでHTTPアーカイブクロールによってプロトコルは正しく追跡されなかった割合が大きくなっています。これを掘り下げた結果、さまざまな理由が示され、そのいくつかは説明できますが、いくつかは説明できません。スポットチェックに基づいて、それらは概ねHTTP/1.1リクエストであるように見え、それらを想定するとデスクトップとモバイルの使用は似ています。 +図3は、HTTP/1.1およびHTTP/2が、予想どおり大部分の要求で使用されるバージョンであることを示しています。古いHTTP/1.0とHTTP/0.9プロトコルでは、ごく少数のリクエストしかありません。面倒なことに、特にデスクトップでHTTP Archiveクロールによってプロトコルは正しく追跡されなかった割合が大きくなっています。これを掘り下げた結果、さまざまな理由が示され、そのいくつかは説明できますが、いくつかは説明できません。スポットチェックに基づいて、それらは概ねHTTP/1.1リクエストであるように見え、それらを想定するとデスクトップとモバイルの使用は似ています。 -私たちが望むよりもノイズの割合が少し大きいにもかかわらず、ここで伝えられるメッセージ全体を変えることはしません。それ以外、モバイル/デスクトップの類似性は予想外ではありません。 HTTPアーカイブは、デスクトップとモバイルの両方でHTTP/2をサポートするChromeでテストします。実際の使用状況は、両方のブラウザーの古い使用状況で統計値がわずかに異なる場合がありますが、それでもサポートは広く行われているため、デスクトップとモバイルの間に大きな違いはないでしょう。 +私たちが望むよりもノイズの割合が少し大きいにもかかわらず、ここで伝えられるメッセージ全体を変えることはしません。それ以外、モバイル/デスクトップの類似性は予想外ではありません。 HTTP Archiveは、デスクトップとモバイルの両方でHTTP/2をサポートするChromeでテストします。実際の使用状況は、両方のブラウザーの古い使用状況で統計値がわずかに異なる場合がありますが、それでもサポートは広く行われているため、デスクトップとモバイルの間に大きな違いはないでしょう。 -現在、HTTPアーカイブはHTTP over [QUIC](https://www.chromium.org/quic)(もうすぐHTTP/3として標準化される予定)を個別に追跡しないため、これらの要求は現在HTTP/2の下にリストされますが、この章の後半でそれを測定する他の方法を見ていきます。 +現在、HTTP ArchiveはHTTP over [QUIC](https://www.chromium.org/quic)(もうすぐHTTP/3として標準化される予定)を個別に追跡しないため、これらの要求は現在HTTP/2の下にリストされますが、この章の後半でそれを測定する他の方法を見ていきます。 リクエストの数を見ると、一般的なリクエストのため結果が多少歪んでいます。たとえば、多くのサイトはHTTP/2をサポートするGoogleアナリティクスを読み込むため、埋め込みサイト自体がHTTP/2をサポートしていない場合でもHTTP/2リクエストとして表示されます。一方、人気のあるウェブサイトはHTTP/2をサポートする傾向があり、上記の統計では1回しか測定されないため、過小評価されます(「google.com」と「obscuresite.com」には同じ重みが与えられます)。_嘘、いまいましい嘘と統計です。_ @@ -196,7 +196,7 @@ ApacheとIISがインストールベースのHTTP/2サポートで1​​8%、 ここで、HTTP/2実装に関するコメントはありません([Apacheが最高の実装の1つであると思います](https://twitter.com/tunetheweb/status/988196156697169920?s=20))が、これらの各サーバーでHTTP/2を有効にすることの容易さ、またはその欠如に関する詳細です。 ## HTTP/2の影響 -HTTP/2の影響は、特にHTTPアーカイブ[方法論](./methodology)を使用して測定するのがはるかに困難です。理想的には、サイトをHTTP/1.1とHTTP/2の両方でクロールし、その差を測定する必要がありますがここで調査している統計では不可能です。さらに、平均的なHTTP/2サイトが平均的なHTTP/1.1サイトよりも高速であるかどうかを測定すると、ここで説明するよりも徹底的な調査を必要とする他の変数が多くなりすぎます。 +HTTP/2の影響は、特にHTTP Archive[方法論](./methodology)を使用して測定するのがはるかに困難です。理想的には、サイトをHTTP/1.1とHTTP/2の両方でクロールし、その差を測定する必要がありますがここで調査している統計では不可能です。さらに、平均的なHTTP/2サイトが平均的なHTTP/1.1サイトよりも高速であるかどうかを測定すると、ここで説明するよりも徹底的な調査を必要とする他の変数が多くなりすぎます。 測定できる影響の1つは、現在HTTP/2の世界にいるHTTP使用の変化です。複数の接続は、限られた形式の並列化を可能にするHTTP/1.1の回避策でしたが、これは実際、HTTP/2で通常最もよく機能することの反対になります。単一の接続でTCPセットアップ、TCPスロースタート、およびHTTPSネゴシエーションのオーバーヘッドが削減され、クロスリクエストの優先順位付けが可能になります。 @@ -205,17 +205,17 @@ HTTP/2の影響は、特にHTTPアーカイブ[方法論](./methodology)を使 図9.ページごとのTCP接続。
ページあたりのTCP接続数の時系列グラフ。2019年7月現在、デスクトップページの中央値には14の接続があり、モバイルページの中央値には16の接続があります。
-
図9.ページごとのTCP接続。 (引用: HTTPアーカイブ)
+
図9.ページごとのTCP接続。 (引用: HTTP Archive)
-HTTPアーカイブは、ページあたりのTCP接続数を測定します。これは、HTTP/2をサポートするサイトが増え、6つの個別の接続の代わりに単一の接続を使用するため、徐々に減少しています。 +HTTP Archiveは、ページあたりのTCP接続数を測定します。これは、HTTP/2をサポートするサイトが増え、6つの個別の接続の代わりに単一の接続を使用するため、徐々に減少しています。
図10.ページごとの合計リクエスト。
ページあたりのリクエスト数の時系列チャート。2019年7月現在、デスクトップページの中央値は74リクエスト、モバイルページの中央値は69リクエストです。傾向は比較的横ばいです。
-
図10.ページごとの合計リクエスト。 (引用: HTTPアーカイブ)
+
図10.ページごとの合計リクエスト。 (引用: HTTP Archive)
より少ないリクエストを取得するためのアセットのバンドルは、バンドル、連結、パッケージ化、分割など多くの名前で行われた別のHTTP/1.1回避策でした。HTTP/2を使用する場合、リクエストのオーバーヘッドが少ないため、これはあまり必要ありませんが、注意する必要がありますその要求はHTTP/2で無料ではなく、[バンドルを完全に削除する実験を行った人はパフォーマンスの低下に気付きました](https://engineering.khanacademy.org/posts/js-packaging-http2.htm)。ページごとにロードされるリクエストの数を時間毎に見ると、予想される増加ではなく、リクエストのわずかな減少が見られます。 @@ -233,7 +233,7 @@ HTTP/2プッシュは、HTTP/2の大いに宣伝された新機能であるに [ブラウザのキャッシュのステータスについてサーバーに通知する提案は](https://lists.w3.org/Archives/Public/ietf-http-wg/2019JanMar/0033.html) 、特にプライバシーの問題で行き詰っています。その問題がなくても、プッシュが正しく使用されない場合、他の潜在的な問題があります。たとえば、大きな画像をプッシュして重要なCSSとJavaScriptの送信を保留すると、プッシュしない場合よりもWebサイトが遅くなります。 -またプッシュは正しく実装された場合でも、パフォーマンス向上に必ずつながるという証拠はほとんどありませんでした。これも、HTTPアーカイブの実行方法(1つの状態でChromeを使用する人気サイトのクロール)の性質により、HTTPアーカイブが回答するのに最適な場所ではないため、ここでは詳しく説明しません。 ただし、パフォーマンスの向上は明確でなく、潜在的な問題は現実的であると言えば十分です。 +またプッシュは正しく実装された場合でも、パフォーマンス向上に必ずつながるという証拠はほとんどありませんでした。これも、HTTP Archiveの実行方法(1つの状態でChromeを使用する人気サイトのクロール)の性質により、HTTP Archiveが回答するのに最適な場所ではないため、ここでは詳しく説明しません。 ただし、パフォーマンスの向上は明確でなく、潜在的な問題は現実的であると言えば十分です。 それはさておき、HTTP/2プッシュの使用方法を見てみましょう。 @@ -290,7 +290,7 @@ HTTP/2の問題の原因の1つは、HTTP/2の優先順位付けの不十分な HTTP/2には複雑な優先順位付けモデルがあります(非常に複雑すぎるため、なぜHTTP/3で再検討されているのでしょう!)が、それを適切に尊重するサーバーはほとんどありません。これはHTTP/2の実装がスクラッチになっていないか、サーバーがより高い優先度の要求であることを認識する前に応答は既に送信されている、いわゆる*バッファブロート*が原因である可能性も考えられます。サーバー、TCPスタック、および場所の性質が異なるため、ほとんどのサイトでこれを測定することは困難ですがCDNを使用する場合はこれをより一貫させる必要があります。 -[Patrick Meenan](https://twitter.com/patmeenan)は、優先度の高いオンスクリーンイメージを要求する前に、優先度の低いオフスクリーンイメージのロードを意図的にダウンロードしようとする[サンプルテストページ](https://github.com/pmeenan/http2priorities/tree/master/stand-alone)を作成しました。優れたHTTP/2サーバーはこれを認識し、優先度の低い画像を犠牲にして、要求後すぐに優先度の高い画像を送信できるはずです。貧弱なHTTP/2サーバーはリクエストの順番で応答し、優先順位のシグナルを無視します。 [Andy Davies](./contributors#andydavies)には、[Patrickのテスト用にさまざまなCDNのステータスを追跡するページ](https://github.com/andydavies/http2-prioritization-issues)があります。 HTTPアーカイブは、クロールの一部としてCDNが使用されるタイミングを識別しこれら2つのデータセットをマージすると、合格または失敗したCDNを使用しているページの割合を知ることができます。 +[Patrick Meenan](https://twitter.com/patmeenan)は、優先度の高いオンスクリーンイメージを要求する前に、優先度の低いオフスクリーンイメージのロードを意図的にダウンロードしようとする[サンプルテストページ](https://github.com/pmeenan/http2priorities/tree/master/stand-alone)を作成しました。優れたHTTP/2サーバーはこれを認識し、優先度の低い画像を犠牲にして、要求後すぐに優先度の高い画像を送信できるはずです。貧弱なHTTP/2サーバーはリクエストの順番で応答し、優先順位のシグナルを無視します。 [Andy Davies](./contributors#andydavies)には、[Patrickのテスト用にさまざまなCDNのステータスを追跡するページ](https://github.com/andydavies/http2-prioritization-issues)があります。 HTTP Archiveは、クロールの一部としてCDNが使用されるタイミングを識別しこれら2つのデータセットをマージすると、合格または失敗したCDNを使用しているページの割合を知ることができます。
| CDN | 正しい優先順位付け? | デスクトップ | モバイル | 合計 | @@ -326,7 +326,7 @@ HTTP/2には複雑な優先順位付けモデルがあります(非常に複 これはすべて、`http1.0`、`http://1.1`、または`-all、+ TLSv1.3、+ TLSv1.2`へのアップグレードを推奨するいくつかのサイトに入る前です。ここで進行中のWebサーバー構成には明らかに間違いがあります! -私たちが見ることのできるさらなる実装の問題があります。たとえば、HTTP/2はHTTPヘッダー名に関してはるかに厳密でありスペース、コロン、またはその他の無効なHTTPヘッダー名で応答するとリクエスト全体を拒否します。ヘッダー名も小文字に変換されます。これは、アプリケーションが特定の大文字化を前提とする場合、驚くことになります。 HTTP/1.1では[ヘッダー名で大文字と小文字が区別されない](https://tools.ietf.org/html/rfc7230#section-3.2)と明記されているため、これは以前保証されていませんでしたが、一部はこれに依存してます。 HTTPアーカイブを使用してこれらの問題を特定することもできます、それらの一部はホームページには表示されませんが、今年は詳しく調査しませんでした。 +私たちが見ることのできるさらなる実装の問題があります。たとえば、HTTP/2はHTTPヘッダー名に関してはるかに厳密でありスペース、コロン、またはその他の無効なHTTPヘッダー名で応答するとリクエスト全体を拒否します。ヘッダー名も小文字に変換されます。これは、アプリケーションが特定の大文字化を前提とする場合、驚くことになります。 HTTP/1.1では[ヘッダー名で大文字と小文字が区別されない](https://tools.ietf.org/html/rfc7230#section-3.2)と明記されているため、これは以前保証されていませんでしたが、一部はこれに依存してます。 HTTP Archiveを使用してこれらの問題を特定することもできます、それらの一部はホームページには表示されませんが、今年は詳しく調査しませんでした。 ## HTTP/3 世界はまだ止まっておらず、HTTP/2が5歳の誕生日を迎えてないにも関わらず、人々はすでにそれを古いニュースとみなしており後継者であるHTTP/3にもっと興奮しています。 [HTTP/3](https://datatracker.ietf.org/doc/draft-ietf-quic-http/)はHTTP/2の概念に基づいていますが、HTTPが常に使用しているTCP接続を介した作業から、[QUIC](https://datatracker.ietf.org/wg/quic/about/)と呼ばれるUDPベースのプロトコルに移行します。これにより、パケット損失が大きくTCPの保証された性質によりすべてのストリームが保持され、すべてのストリームが抑制される場合、HTTP/2がHTTP/1.1より遅い1つのケースを修正できます。また、両方のハンドシェイクで統合するなど、TCPとHTTPSの非効率性に対処することもできます。実際、実装が難しいと証明されているTCPの多くのアイデアをサポートします(TCP高速オープン、0-RTTなど)。 @@ -342,10 +342,10 @@ HTTP/3はTCPではなくUDPでQUICを使用するため、HTTP/3の検出はHTTP
図16. QUICをサポートするモバイルサイトの割合。
-このヘッダーを分析すると、デスクトップサイトの7.67%とモバイルサイトの8.38%がすでにQUICをサポートしていることがわかります。QUICは、Googleのトラフィックの割合を表します。また、0.04%はすでにHTTP/3をサポートしています。来年のWeb年鑑では、この数は大幅に増加すると予想しています。 +このヘッダーを分析すると、デスクトップサイトの7.67%とモバイルサイトの8.38%がすでにQUICをサポートしていることがわかります。QUICは、Googleのトラフィックの割合を表します。また、0.04%はすでにHTTP/3をサポートしています。来年のWeb Almanacでは、この数は大幅に増加すると予想しています。 ## 結論 -HTTPアーカイブプロジェクトで利用可能な統計のこの分析は、HTTPコミュニティの私たちの多くがすでに認識していることを示しています。HTTP/2はここにあり、非常に人気であることが証明されています。リクエスト数の点ではすでに主要なプロトコルですが、それをサポートするサイトの数の点ではHTTP/1.1を完全に追い抜いていません。インターネットのロングテールは、よく知られた大量のサイトよりもメンテナンスの少ないサイトで顕著な利益を得るために指数関数的に長い時間がかかることを意味します。 +HTTP Archiveプロジェクトで利用可能な統計のこの分析は、HTTPコミュニティの私たちの多くがすでに認識していることを示しています。HTTP/2はここにあり、非常に人気であることが証明されています。リクエスト数の点ではすでに主要なプロトコルですが、それをサポートするサイトの数の点ではHTTP/1.1を完全に追い抜いていません。インターネットのロングテールは、よく知られた大量のサイトよりもメンテナンスの少ないサイトで顕著な利益を得るために指数関数的に長い時間がかかることを意味します。 また、一部のインストールでHTTP/2サポートを取得するのが(まだ!)簡単ではないことについても説明しました。サーバー開発者、OSディストリビューター、およびエンドカスタマーはすべて、それを容易にするためプッシュすることを関与します。ソフトウェアをOSに関連付けると、常に展開時間が長くなります。実際、QUICのまさにその理由の1つは、TCPの変更を展開することで同様の障壁を破ることです。多くの場合、WebサーバーのバージョンをOSに結び付ける本当の理由はありません。 Apache(より人気のある例の1つを使用する)は、古いOSでHTTP/2サポートを使用して実行されますがサーバーに最新バージョンを取得することは、現在の専門知識やリスクを必要としません。 nginxはここで非常にうまく機能し、一般的なLinuxフレーバーのリポジトリをホストしてインストールを容易にします。Apacheチーム(またはLinuxディストリビューションベンダー)が同様のものを提供しない場合、Apacheの使用は苦労しながら縮小し続けます、最新バージョンには最高のHTTP/2実装の1つがあります、関連性を保持し古くて遅い(古いインストールに基づいて)という評判を揺るがします。 IISは通常、Windows側で優先されるWebサーバーであるため、IISの問題はそれほど多くないと考えています。 diff --git a/src/content/ja/2019/mobile-web.md b/src/content/ja/2019/mobile-web.md index 81abe58b0f2..270b6e95b2d 100644 --- a/src/content/ja/2019/mobile-web.md +++ b/src/content/ja/2019/mobile-web.md @@ -2,7 +2,7 @@ part_number: II chapter_number: 12 title: モバイルウェブ -description: 2019年Web年鑑のモバイルWebの章では、ページの読み込み、テキストコンテンツ、拡大縮小、ボタンやリンク、フォームへの記入のしやすさなどをカバーしています。 +description: 2019年Web AlmanacのモバイルWebの章では、ページの読み込み、テキストコンテンツ、拡大縮小、ボタンやリンク、フォームへの記入のしやすさなどをカバーしています。 authors: [obto] reviewers: [AymenLoukil, hyperpress] translators: [ksakae] diff --git a/src/content/ja/2019/page-weight.md b/src/content/ja/2019/page-weight.md index 9afde8399e3..a46725aa94d 100644 --- a/src/content/ja/2019/page-weight.md +++ b/src/content/ja/2019/page-weight.md @@ -2,7 +2,7 @@ part_number: IV chapter_number: 18 title: Page Weight -description: ページの重さが重要な理由、帯域幅、複雑なページ、経時的なページの重み、ページ要求、およびファイル形式をカバーする2019 Web年鑑のページの重さの章。 +description: ページの重さが重要な理由、帯域幅、複雑なページ、経時的なページの重み、ページ要求、およびファイル形式をカバーする2019 Web Almanacのページの重さの章。 authors: [tammyeverts, khempenius] reviewers: [paulcalvano] translators: [ksakae] @@ -35,9 +35,9 @@ last_updated: 2019-11-23T00:00:00.000Z 問題は遅延です。私たちのネットワークプロトコルのほとんどは、多くの往復を必要とし、それらの各往復は遅延ペナルティを課します。遅延がパフォーマンスの問題である限り(つまり、近い将来)パフォーマンスの主な原因は、今日の典型的なWebページには数十の異なるサーバーでホストされている100程度のアセットが含まれていることです。これらのアセットの多くは、最適化されておらず、測定と監視がされていないため予測不能です。 -### HTTPアーカイブはどのような種類のアセットを追跡し、どの程度の重要性を持ちますか? +### HTTP Archiveはどのような種類のアセットを追跡し、どの程度の重要性を持ちますか? -HTTPアーカイブが追跡するページ構成メトリックの簡単な用語集と、パフォーマンスとユーザーエクスペリエンスの観点から重要なメトリックを以下に示します。 +HTTP Archiveが追跡するページ構成メトリックの簡単な用語集と、パフォーマンスとユーザーエクスペリエンスの観点から重要なメトリックを以下に示します。 - **合計サイズ**は、ページのバイト単位の合計重量です。特に、限られたデータや測定データがあるモバイルユーザーにとって重要です。 @@ -79,7 +79,7 @@ HTTPアーカイブが追跡するページ構成メトリックの簡単な用
図2.スクリプトが増加すると変換率は低下します。
-ページサイズと複雑さが重要である理由について説明したので、Webの現在の状態とページの肥大化の影響をよりよく理解できるように、ジューシーなHTTPアーカイブの統計を見てみましょう。 +ページサイズと複雑さが重要である理由について説明したので、Webの現在の状態とページの肥大化の影響をよりよく理解できるように、ジューシーなHTTP Archiveの統計を見てみましょう。 ## 分析 @@ -341,7 +341,7 @@ HTTPアーカイブが追跡するページ構成メトリックの簡単な用
図6. 2018年以降のデスクトップページの重みの変化。
-ページの重さが時間とともにどのように変化するかについての長期的な視点については、HTTPアーカイブから[この時系列グラフ](https://httparchive.org/reports/page-weight#bytesTotal)をご覧ください。ページサイズの中央値は、HTTPアーカイブが2010年11月にこのメトリックの追跡を開始して以来ほぼ一定の割合で成長しており、過去1年間に見られたページウェイトの増加はこれと一致しています。 +ページの重さが時間とともにどのように変化するかについての長期的な視点については、HTTP Archiveから[この時系列グラフ](https://httparchive.org/reports/page-weight#bytesTotal)をご覧ください。ページサイズの中央値は、HTTP Archiveが2010年11月にこのメトリックの追跡を開始して以来ほぼ一定の割合で成長しており、過去1年間に見られたページウェイトの増加はこれと一致しています。 ### ページリクエスト diff --git a/src/content/ja/2019/performance.md b/src/content/ja/2019/performance.md index 35e856ada10..0f9e0496f0c 100644 --- a/src/content/ja/2019/performance.md +++ b/src/content/ja/2019/performance.md @@ -38,7 +38,7 @@ Webのパフォーマンスを定量化する方法は色々とあります。 Web Almanacにある他のほとんどの章は、[HTTP Archive](https://httparchive.org/)のデータに基づいています。 ただ、実際のユーザーがWebをどのように体験するかを取得するには、違うデータセットが必要になります。 -このセクションでは、[Chrome UXレポート](http://bit.ly/chrome-ux-report)(CrUX)を使用しています。この情報はHTTPアーカイブとすべて同じウェブサイトで構成されるGoogleの公開データセットとなっており、Chromeを使うユーザーの実際の体験を集約しています。そして体験は次のように分類されます。 +このセクションでは、[Chrome UXレポート](http://bit.ly/chrome-ux-report)(CrUX)を使用しています。この情報はHTTP Archiveとすべて同じウェブサイトで構成されるGoogleの公開データセットとなっており、Chromeを使うユーザーの実際の体験を集約しています。そして体験は次のように分類されます。 - ユーザーデバイスのフォームファクタ - デスクトップ diff --git a/src/content/ja/2019/pwa.md b/src/content/ja/2019/pwa.md index 9ff341fa079..d6e60cd0137 100644 --- a/src/content/ja/2019/pwa.md +++ b/src/content/ja/2019/pwa.md @@ -28,7 +28,7 @@ Service Workerは2014年12月に[Chrome 40で初めて実装](https://blog.chrom
図1. Service Workerを登録するデスクトップページの割合。
-最初に検討する指標は、Service Workerのインストールです。 HTTPアーカイブの機能カウンターを介して公開されたデータを見ると、すべてのデスクトップの0.44%とすべてのモバイルページの0.37%がService Workerを登録しており、時間の経過に伴う両方の曲線が急成長しています。 +最初に検討する指標は、Service Workerのインストールです。 HTTP Archiveの機能カウンターを介して公開されたデータを見ると、すべてのデスクトップの0.44%とすべてのモバイルページの0.37%がService Workerを登録しており、時間の経過に伴う両方の曲線が急成長しています。
@@ -70,7 +70,7 @@ Service Workerでは、[いくつかのイベントをリッスンできます](
図4. Service Workerイベントの人気。
-HTTPアーカイブで見つけることのできるService Workerがこれらのイベントのどれをリッスンしているかを調べました。モバイルとデスクトップの結果は非常によく似ており、`fetch`、`install`、および`activate`が3つの最も人気のあるイベントであり、それに続いて`notificationclick`と`push`が行われます。これらの結果を解釈すると、Service Workerが有効にするオフラインユースケースは、プッシュ通知よりもはるかに先のアプリ開発者にとって最も魅力的な機能です。可用性が限られているため、あまり一般的ではないユースケースのため、現時点ではバックグラウンド同期は重要な役割を果たしていません。 +HTTP Archiveで見つけることのできるService Workerがこれらのイベントのどれをリッスンしているかを調べました。モバイルとデスクトップの結果は非常によく似ており、`fetch`、`install`、および`activate`が3つの最も人気のあるイベントであり、それに続いて`notificationclick`と`push`が行われます。これらの結果を解釈すると、Service Workerが有効にするオフラインユースケースは、プッシュ通知よりもはるかに先のアプリ開発者にとって最も魅力的な機能です。可用性が限られているため、あまり一般的ではないユースケースのため、現時点ではバックグラウンド同期は重要な役割を果たしていません。 ### Service Workerのファイルサイズ @@ -196,7 +196,7 @@ Lighthouseのルールが、おそらくアイコンサイズ選択の犯人で Service Worker APIの低レベルの性質を考慮すると、多くの開発者は、Service Workerロジックをより高レベルで再利用可能なコードの塊に構造化する方法としてWorkboxに注目しています。 Workboxの採用は、[`create-react-app`](https://create-react-app.dev/)や[VueのPWAプラグイン](https://www.npmjs.com/package/@vue/cli-plugin-pwa)など、多くの一般的なJavaScriptフレームワークスターターキットの機能として含まれることによっても促進されます。 -HTTPアーカイブは、Service Workerを登録するWebサイトの12.71%が少なくとも1つのWorkboxライブラリを使用していることを示しています。この割合は、デスクトップ(14.36%)と比較してモバイルではわずかに低い割合(11.46%)で、デスクトップとモバイルでほぼ一貫しています。 +HTTP Archiveは、Service Workerを登録するWebサイトの12.71%が少なくとも1つのWorkboxライブラリを使用していることを示しています。この割合は、デスクトップ(14.36%)と比較してモバイルではわずかに低い割合(11.46%)で、デスクトップとモバイルでほぼ一貫しています。 ## 結論 diff --git a/src/content/ja/2019/security.md b/src/content/ja/2019/security.md index 02aa0f03010..a8b98f2f2e8 100644 --- a/src/content/ja/2019/security.md +++ b/src/content/ja/2019/security.md @@ -2,7 +2,7 @@ part_number: II chapter_number: 8 title: セキュリティ -description: トランスポート・レイヤー・セキュリティ(TLS()、混合コンテンツ、セキュリティヘッダ、Cookie、サブリソース完全性を網羅した2019年版Web年鑑のセキュリティの章。 +description: トランスポート・レイヤー・セキュリティ(TLS()、混合コンテンツ、セキュリティヘッダ、Cookie、サブリソース完全性を網羅した2019年版Web Almanacのセキュリティの章。 authors: [ScottHelme, arturjanc] reviewers: [bazzadp, ghedo, paulcalvano] translators: [ksakae] @@ -14,7 +14,7 @@ last_updated: 2019-11-23T00:00:00.000Z --- ## 序章 -Web年鑑のこの章では、Web上のセキュリティの現状を見ていきます。オンラインでのセキュリティとプライバシーの重要性がますます高まる中、サイト運営者とユーザーを保護するための機能が増えています。ここでは、ウェブ上でのこれらの新機能の採用状況を見ていきます。 +Web Almanacのこの章では、Web上のセキュリティの現状を見ていきます。オンラインでのセキュリティとプライバシーの重要性がますます高まる中、サイト運営者とユーザーを保護するための機能が増えています。ここでは、ウェブ上でのこれらの新機能の採用状況を見ていきます。 ## トランスポートレイヤーセキュリティ 現在、オンラインでのセキュリティとプライバシーを向上させるための最大の後押しは、おそらくトランスポート・レイヤー・セキュリティ(TLS)の普及です。TLS(または古いバージョンのSSL)は、HTTPSの「S」を提供し、安全でプライベートなWebサイトのブラウジングを可能にするプロトコルです。[ウェブ上でのHTTPSの使用が大幅に増加している](https://httparchive.org/reports/state-of-the-web#pctHttps)だけでなく、TLSv1.2やTLSv1.3のような最新バージョンのTLSが増加していることも重要です。 @@ -51,7 +51,7 @@ Web年鑑のこの章では、Web上のセキュリティの現状を見てい
図3. ホームページリクエストだけのTLSプロトコルバージョン使用状況。
-一方で、Web年鑑が使用している[方法論](./methodology)は、大規模サイトの利用状況を*過小評価*します。なぜなら、大規模サイトはそのサイト自体が現実世界ではより大きなインターネット・トラフィックを形成している可能性が高いにもかかわらず、これらの統計のために一度しかクロールされないからです。 +一方で、Web Almanacが使用している[方法論](./methodology)は、大規模サイトの利用状況を*過小評価*します。なぜなら、大規模サイトはそのサイト自体が現実世界ではより大きなインターネット・トラフィックを形成している可能性が高いにもかかわらず、これらの統計のために一度しかクロールされないからです。 ### 証明書発行者 もちろん、ウェブサイトでHTTPSを使用するには、認証局(CA)からの証明書が必要です。HTTPSの使用の増加に伴い、CAとその製品/サービスの使用も増加しています。ここでは、証明書を使用するTLSリクエストの量に基づいて、上位10社の証明書発行者を紹介します。 diff --git a/src/content/ja/2019/third-parties.md b/src/content/ja/2019/third-parties.md index 6d29ee18522..c79df61dbc4 100644 --- a/src/content/ja/2019/third-parties.md +++ b/src/content/ja/2019/third-parties.md @@ -2,7 +2,7 @@ part_number: II chapter_number: 5 title: サードパーティ -description: 2019 Web年鑑のサードパーティの章。サードパーティの使用目的、パフォーマンスへの影響、プライバシーへの影響について説明しています。 +description: 2019 Web Almanacのサードパーティの章。サードパーティの使用目的、パフォーマンスへの影響、プライバシーへの影響について説明しています。 authors: [patrickhulce] reviewers: [zcorpan, obto, jasti] translators: [ksakae] @@ -29,7 +29,7 @@ last_updated: 2019-11-23T00:00:00.000Z - さまざまなサイトで広く使用されています - 個々のサイト所有者の影響を受けない -これらの目標を可能な限り正確に一致させるために、この章で使用されるサードパーティリソースの正式な定義は、HTTPアーカイブデータセット内の少なくとも50のユニークなページにリソースを見つけることができるドメインに由来するリソースです。 +これらの目標を可能な限り正確に一致させるために、この章で使用されるサードパーティリソースの正式な定義は、HTTP Archiveデータセット内の少なくとも50のユニークなページにリソースを見つけることができるドメインに由来するリソースです。 これらの定義を使用して、ファーストパーティ・ドメインから提供されたサードパーティ・コンテンツはファーストパーティ・コンテンツとしてカウントされることに注意してください。例えば、セルフホスティングのGoogle Fontsやbootstrap.cssは、ファースト・パーティ・コンテンツとしてカウントされます。同様に、サードパーティのドメインから提供されたファーストパーティのコンテンツは、サードパーティのコンテンツとしてカウントされます。たとえば、サードパーティ・ドメインでCDNを介して提供されるファーストパーティの画像は、サードパーティ・コンテンツとみなされます。 diff --git a/src/templates/ja/2019/base.html b/src/templates/ja/2019/base.html index 815db9f4ee1..1548a53f7fc 100644 --- a/src/templates/ja/2019/base.html +++ b/src/templates/ja/2019/base.html @@ -1,8 +1,8 @@ {% extends "base/2019/base.html" %} -{% block description %}Web年鑑は、Webコミュニティの専門知識とHTTPアーカイブのデータやトレンドを組み合わせた、毎年恒例のWeb状況のレポートです。{% endblock %} +{% block description %}Web Almanacは、Webコミュニティの専門知識とHTTP Archiveのデータやトレンドを組み合わせた、毎年恒例のWeb状況のレポートです。{% endblock %} -{% block twitter_image_alt %}{{ year }} Web年鑑{% endblock %} +{% block twitter_image_alt %}{{ year }} Web Almanac{% endblock %} {% block date_published %}2019-11-04T12:00:00+00:00:00{% endblock %} {% block date_modified %}2019-11-04T12:00:00+00:00:00{% endblock %} @@ -12,9 +12,9 @@ {% block skip_navigation %}ナビゲーションをスキップ{% endblock %} -{% block organization %}HTTP ArchiveによるWeb年鑑{% endblock %} +{% block organization %}HTTP ArchiveによるWeb Almanac{% endblock %} -{% block http_archive_link %}HTTP ArchiveによるWeb年鑑{% endblock %} +{% block http_archive_link %}HTTP ArchiveによるWeb Almanac{% endblock %} {% block page_navigation %}ページナビゲーション{% endblock %} diff --git a/src/templates/ja/2019/chapters/caching.html b/src/templates/ja/2019/chapters/caching.html index a272dd570bc..b0cb938f883 100644 --- a/src/templates/ja/2019/chapters/caching.html +++ b/src/templates/ja/2019/chapters/caching.html @@ -10,7 +10,7 @@ - make changes to the markdown content directly (`src/content///.md`) because any changes to the chapter templates will be overwritten by the generation script #}--> -{% set metadata = {"part_number":"IV","chapter_number":16,"title":"キャッシング","description":"2019Web年鑑のキャッシュの章は、キャッシュコントロール、有効期限、TTL、有効性、変化、Cookieの設定、アプリケーションキャッシュ、Service Worker、および機会について説明します。","authors":["paulcalvano"],"reviewers":["obto","bkardell"],"translators":["ksakae"],"discuss":"1771","results":"https://docs.google.com/spreadsheets/d/1mnq03DqrRBwxfDV05uEFETK0_hPbYOynWxZkV3tFgNk/","queries":"16_Caching","published":"2019-11-11T00:00:00.000Z","last_updated":"2019-11-23T00:00:00.000Z","chapter":"caching"} %} {% block index %} +{% set metadata = {"part_number":"IV","chapter_number":16,"title":"キャッシング","description":"2019 Web Almanacのキャッシュの章は、キャッシュコントロール、有効期限、TTL、有効性、変化、Cookieの設定、アプリケーションキャッシュ、Service Worker、および機会について説明します。","authors":["paulcalvano"],"reviewers":["obto","bkardell"],"translators":["ksakae"],"discuss":"1771","results":"https://docs.google.com/spreadsheets/d/1mnq03DqrRBwxfDV05uEFETK0_hPbYOynWxZkV3tFgNk/","queries":"16_Caching","published":"2019-11-11T00:00:00.000Z","last_updated":"2019-11-23T00:00:00.000Z","chapter":"caching"} %} {% block index %}