検索
ホームページテクノロジー周辺機器IT業界Chrome'のデータセーバーで帯域幅を保存します

Chromeのデータ保存機能:モバイルデータの使用量が大幅に削減されます

Saving Bandwidth with Chrome's Data Saver

コアポイント:

  • Chromeのデータ保存機能により、画像やその他の要素を自動的に圧縮、縮小、変換することにより、モバイルデータの使用が大幅に削減され、帯域幅が節約されます。
  • データ保存機能の動作原則は、ユーザーのデバイスの代わりにGoogleのサーバーを介してChromeのネットワークトラフィックを転送し、HTTPの代わりにHTTP/2を介してサーバーの要求されたコンテンツを最適化することで、サーバーとキャッシュ間のラウンドトリップの数を減らすことです。将来のリソースは、即座の荷重のためです。
  • モバイルバージョンとデスクトップバージョンの両方のChromeでデータを保存することは簡単で、速度を低下させることなく、合計ページのサイズを30〜40%削減します。
  • データ保存機能は次のとおりです。

Saving Bandwidth with Chrome's Data Saver

モバイルデバイスがますます重要になるにつれて、開発者はこの傾向に対応し、外出中に迅速にロードできる優れた低帯域幅のWebサイトを作成すると思うかもしれません。ただし、そうではありません。平均ページサイズ/リソース数は毎年増加しており、今年も例外ではなく、ページサイズは16%以上増加しています。

すべての派手なアニメーション、スクロール要素、その他の美しいものは、ページサイズの成長に追いつくのが難しいため、最終的にネットワークが遅くなります。

ブラウジングをスピードアップしてダウンロードを削減する場合は、Chromeのデータ保存オプションを検討してください。

Chromeデータ保存機能の紹介

データ保存は、モバイルデータの使用量を大幅に削減できるChromeの新機能です。

2014年に、Chrome開発者は、独自のサーバーとテクノロジーを活用することにより、ページの合計サイズを自動的に削減する実験的アプローチに取り組み始めました。これは、実際にはオペラが長年提供してきた「ターボモード」と非常によく似ています。

設定をアクティブにすることにより、モバイルデバイス(AndroidおよびiOS)でデータ保存を有効にすることができます。また、Data Saving拡張機能をインストールすることにより、Operaのデスクトップブラウザーのデータ保存機能をアクティブにすることもできます。

動作原則基本的に、データ保存機能は、デバイスではなく、GoogleのサーバーにWebコンテンツを取得する作業を転送します。 お気に入りのWebサイトをロードするリクエストを送信すると、データ保存機能はGoogleデータセンターの最適化サーバーに接続し、ブラウザからコンテンツをダウンロードするのではなく、最適化されたコンテンツを提供します。簡単な図は次のとおりです

(Googleのブログからの写真)

データ保存関数の実際の関数データ節約機能は、Googleのサーバーを介してChromeのネットワークトラフィックを配置することで機能します。サーバーは、自動圧縮、縮小、画像、その他の要素変換を実行し、貴重な帯域幅を節約します。

Googleは、これらすべてを達成するために最適化のいくつかのステップを実装しました。

  • http/2を介してコンテンツを転送する可能性がある場合は、httpの代わりにサーバー要求コンテンツをHTTP/2で最適化します。 HTTP/2は、HTTPの拡張バージョンです。数十の接続ではなく、調整されたTCP接続が1つしかないため、従来のHTTP関連サーバーラウンドトリップの数を減らすため、コンテンツをより速く取得できます。さらに、HTTP/2は将来のリソースをキャッシュするため、必要に応じてすぐにロードできるようにします。

  • 画像の自動変換:画像とリッチメディアは、最も遅いダウンロードコンポーネントの1つです。時には、単一の画像の重量が数十以上のスクリプトとスタイルシートを比較検討できる場合があります。データ保存機能を使用して、最適化されたサーバーは自動的に新しいWebP形式に変換されます。 WebPは、Lossless(PNGなど)およびLosy(JPGなど)形式をサポートする新しい画像形式です。 WebPへの自動変換により、多くのスペースが節約されます。平均して、変換および損失のある画像(JPGなど)の後、平均してロスレス画像(PNGなど)は34%減少します。品質はサイズを反映していると思うかもしれませんが、それらの違いは小さいです。 (Google Developers Webサイトで比較を見ることができます。)

  • 画像をまったく表示しないでください:接続が遅い場合、Googleは画像を最適化しませんが、画像をまったく送信しないことを選択します。ページが読み込まれると、画像を有効にするかどうかを選択するように求められます(その後、画像を取得し、圧縮し、ブラウザに送信します)。これをデフォルトで強制することはできないため、素敵な3G接続を使用している場合、または4G接続を使用している場合、これを自動的に選択するオプションはありません(Googleの決定に合っているようです)。

  • 縮小と圧縮:最適化プロセスの別の部分は、すべてのリソースが自動的に削減されることです。 Googleのサーバーは、すべてのCSS、JS、およびHTMLコンテンツを処理し、すべてのスペースを自動的に削除してサイズを縮小します。また、GZIP圧縮を使用してすべてが提供されることを保証します(これにより、プロセスがさらに高速化されます)。

  • より良いDNSリクエスト:デバイスがサイトを要求する場合、通常はDNSルックアップ(URLをIPアドレスに変換する)を実行する必要があります。圧縮プロセスの一部として、GoogleのサーバーはDNSリクエストを実行し、必要な情報をキャッシュから取得するか、直接情報を取得します。これはわずかな強化のように思えますが、名前の解像度を減らし、プロセス全体をスピードアップするのに役立ちます。

  • プライバシーとセキュアトラフィック:データ保存機能は標準のHTTPトラフィックにのみ適用できることに注意する必要があります。 HTTPSに安全なページをロードするか、目に見えないモードを使用している場合、データ保存機能は自動的に閉じられ、ページは通常どおり処理されます。

データ保存関数を有効にします

データ保存機能は2015年12月にChromeモバイルデバイスで開始されたため、Chrome Mobileバージョン(AndroidとiOS)がデータ保存機能の準備が整う可能性が非常に高いです。 Chromeを開いて設定に移動してから、データの節約に移動します。そんなに簡単です。

Chromeデスクトップバージョンを使用している場合、データ保存Chrome拡張機能をダウンロードすることでデータ保存機能を有効にすることができます。これはGoogleの公式延長であり、それを実行すると、保存したデータの量を示す素敵なデータチャートが表示されるはずです。

Saving Bandwidth with Chrome's Data Saver

このチャートを使用して、一目で保存される帯域幅の量を確認できます。さらに、[詳細]ページをクリックして、各サイトの詳細なデータ使用量を表示できます。

Saving Bandwidth with Chrome's Data Saver

データ保存関数の実用的なアプリケーション

データ保存機能の役割を理解したので、いくつかのWebサイトを並べて比較して、この機能を有効にしてどのように機能するかを確認しましょう。

ウェブサイトの合計サイズ、応答時間、およびプロセスに腐敗があるかどうか(自動圧縮が含まれるため)に関心があります。

各サイトに数回ロードされ、妥当な平均が選択されました。 (これらのサイトのほとんどには広告があるため、各ページの読み込みはわずかに異なります。)データ保存機能が有効で無効になっている場合(キャッシュが無効になっている場合)、平均サイトの速度とサイズに興味があります。

  • sitepoint.com:

    独自のウェブサイトから始めます。主にJSファイルと小さな画像で構成されるSitePoint Webサイトをご覧ください。

      データ保存機能は無効になっています。
    • このサイトの最終サイズは約1.2MBで、133のリクエストがあります。平均荷重時間は約3秒です。

      Saving Bandwidth with Chrome's Data Saver

    • データの保存機能を有効にする:
    • データ保存機能を有効にした後、ページサイズは約700〜780kbに低下します。リクエストの数は一貫していますが、ページの読み込み時間は1秒延長されます。ここでの削減は、主にJSおよびHTMLリソースの狭窄から来ています。データ保存機能は、わずかな遅延で、多くの帯域幅を節約できます。

      Saving Bandwidth with Chrome's Data Saver

  • web.bird.digital:

    自分のウェブサイトでの潜在的な節約を比較するのは常に良いことです。このサイトには、複数のポートフォリオ画像、大きなスライダー、小さなサムネイルなど、より多くのメディアコンテンツが含まれています。

      データ保存機能は無効になっています:
    • 約1.2MBのデータが63のリクエストを通じてダウンロードされます。読み込み時間は約1.8〜2秒です。

    • データ保存関数が有効になっています。Saving Bandwidth with Chrome's Data Saver データ保存機能を有効にした後、サイズは大幅に低下し、約650〜700kbに​​低下します。サイズの縮小は、ほぼ完全に画像をWebP形式に変換することからです。このデータ節約のコストはダウンロード速度で、平均ダウンロード時間は約0.5秒です。

  • ebay.com:ebayは、その日の最新の取引のいくつかを示すホームページ(ログインしていない場合)を備えた人気のあるオークションサイトと、アクションとして分類された製品のランダムなコレクションを示しています。これは別のメディア集約型のWebサイトです。

    • データ保存機能は無効になっています。Saving Bandwidth with Chrome's Data Saver このサイトのサイズは約2.4MBで、200のリクエストがあります。これはすべて、完全なロードに約4.5秒かかります。

    • データの保存機能を有効にする:Saving Bandwidth with Chrome's Data Saver データ保存関数を有効にした後、ページサイズは1.4MBにわずか1.4MBに低下しました。通常、データ保存機能は、すべてをGoogleのサーバーにプッシュする必要があるため、ページの読み込みが遅くなります。ただし、eBayの場合、それは同じ(そして時にはより速い)のままであるようです。これは非常に良い例です。ダウンロードサイズを損失なく半分に削減します。

概要

全体として、データ保存機能は非常に便利な機能であり、誰もがモバイルデータの使用量を減らすのに役立ちます。

いくつかのサンプルサイトでどのように機能するかを調べました。通常、速度が低下することなく、合計ページのサイズを30〜40%削減できます。

すべてと同様に、その欠点があります。データ保存機能は圧縮されるため、ダウンロードサイズが少ないと引き換えに品質と速度を犠牲にする場合があります。また、データ保存機能を使用する場合、プライバシーとデータを尊重するためにサードパーティ企業(Google)に依存していることにも言及する価値があります。

最終的には、データ保存機能を使用して、それが自分に合っているかどうかを判断する必要があります。あなたがそれを試したことがあるなら、あなたがコメントでどう思うか教えてください。

Chrome Data Saving機能(FAQ)に関するよくある質問があります

  • Chromeのデータ保存機能はどのように機能しますか? Chromeのデータ保存機能は、ユーザーが閲覧中にデータの使用を減らすのに役立ちます。ダウンロードする前にデバイスが受信したデータを圧縮することで機能します。これは、より少ないデータを使用してWebページをロードすることを意味します。これは、限られたデータパッケージを使用している場合や、インターネットエリアが遅い場合に特に便利です。

  • Chromeのデータ保存機能を有効にする方法は? Chromeのデータ保存機能を有効にするには、Chromeブラウザーの[設定]メニューに移動する必要があります。そこから、「Advanced」セクションに移動し、次に「プライバシーとセキュリティ」に移動します。ここでは、データ保存を有効にするオプションがあります。

  • すべてのWebサイトでChromeのデータ保存機能を使用できますか? Chromeのデータ保存機能はほとんどのWebサイトで使用できますが、いくつかの例外があります。たとえば、HTTPSまたはIncognitoモードを使用するWebサイトでは機能しません。これは、これらのサイトで安全な接続が必要であり、データ保存機能を提供できないためです。

  • Chromeのデータ保存機能は画像やビデオの品質に影響しますか? はい、Chromeのデータ保存機能を有効にすると、Webページの画像やビデオの品質に影響を与える可能性があります。これは、この機能がデータを圧縮し、画像やビデオの解像度を低くする可能性があるためです。ただし、品質への全体的な影響は通常小さく、多くの場合に気付かない場合があります。

  • モバイルデバイスでChromeのデータ保存機能を使用できますか? はい、Chromeのデータ保存機能は、Chromeブラウザーのデスクトップバージョンとモバイルバージョンの両方で使用できます。モバイルデバイスで有効にするには、Chromeアプリの[設定]メニューに移動し、データの節約に移動してオンにします。

  • Chromeのデータ保存機能は他のブラウザーに適していますか? いいえ、Chromeのデータ保存機能は、Chromeのブラウザのユニークな機能です。 FirefoxやSafariなどの他のブラウザでは機能しません。

  • Webサイトでデータ保存機能を使用することはできますか? 現在、Chromeのデータ保存機能は、アクセスするすべてのWebサイト(有効になった場合)で利用できます。特定のWebサイトを選択して使用するオプションはありません。

  • Chromeのデータ保存機能は私のプライバシーを保護していますか? Chromeのデータ保存機能はデータの使用を減らすのに役立ちますが、追加のプライバシー保護は提供されません。閲覧データは、ウェブサイトとインターネットサービスプロバイダーにまだ表示されます。

  • Chromeのデータ保存機能を必要としない場合は、Chromeのデータ保存機能を無効にできますか? はい、Chromeのデータ保存機能をいつでも無効にすることができます。 Chromeの[設定]メニューに移動し、プライバシーとセキュリティに移動し、データ保存機能をオフにします。

  • Chromeのデータ保存機能はすべての国で効果的ですか? はい、Chromeのデータ保存機能は世界中で利用できます。ただし、データの節約の有効性は、あなたの場所とインターネット接続の品質によって異なる場合があります。

以上がChrome'のデータセーバーで帯域幅を保存しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
2025年に購読する上位21の開発者ニュースレター2025年に購読する上位21の開発者ニュースレターApr 24, 2025 am 08:28 AM

これらのトップ開発者ニュースレターを使用して、最新のハイテクトレンドについてお知らせください! このキュレーションされたリストは、AI愛好家からベテランのバックエンドやフロントエンド開発者まで、すべての人に何かを提供します。 お気に入りを選択し、Relを検索する時間を節約してください

AWS ECSとLambdaを備えたサーバーレス画像処理パイプラインAWS ECSとLambdaを備えたサーバーレス画像処理パイプラインApr 18, 2025 am 08:28 AM

このチュートリアルは、AWSサービスを使用してサーバーレスイメージ処理パイプラインを構築することをガイドします。 APIゲートウェイ、Lambda関数、S3バケット、およびDynamoDBと対話するECS Fargateクラスターに展開されたnext.jsフロントエンドを作成します。 th

CNCF ARM64パイロット:インパクトと洞察CNCF ARM64パイロット:インパクトと洞察Apr 15, 2025 am 08:27 AM

このパイロットプログラム、CNCF(クラウドネイティブコンピューティングファンデーション)、アンペアコンピューティング、Equinix Metal、およびActuatedのコラボレーションであるCNCF GithubプロジェクトのARM64 CI/CDが合理化されます。 このイニシアチブは、セキュリティの懸念とパフォーマンスリムに対処します

GOでネットワークの脆弱性スキャナーを構築しますGOでネットワークの脆弱性スキャナーを構築しますApr 01, 2025 am 08:27 AM

このGOベースのネットワーク脆弱性スキャナーは、潜在的なセキュリティの弱点を効率的に識別します。 Goの同時機能機能を速度で活用し、サービスの検出と脆弱性のマッチングが含まれます。その能力と倫理を探りましょう

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター