テーブル

画像形式 ロッシー プラグイン
JPEG imagemin-mozjpeg
PNG imagemin-pngquant
GIF imagemin-giflossy
ファイル形式用の Imagemin プラグイン。
ツール 概要
灯台
  • サイズまたは数に基づいた、さまざまな種類のリソースに対する予算
Webpack
  • Webpack によって生成されたアセットのサイズに基づく予算
  • 非圧縮サイズをチェックする
data-alignment="top" 例外によって垂直方向に整列されたセルの内容を含むテーブル。
オプション 1 オプション 2
@font-face { font-family: Helvetica; } @font-face { font-family: Helvetica; font-display: swap; }
「code」要素を使用しているテーブル。
ネットワーク デバイス JS 画像 CSS HTML フォント 合計 操作可能になるまでの時間
低速 3G Moto G4 100 30 10 10 20 ～ 170 KB 5 秒
低速 4G Moto G4 200 50 35 30 30 ～ 345 KB 3 秒
WiFi パソコン 300 250 50 50 100 ～ 750 KB 2 秒
幅がコンテンツ列の幅より大きい場合、テーブルはスクロールします。

動画

Codec 延長 ライブラリ
av1 WebM、mkv libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

音声

Codec 延長 ライブラリ
AAC MP4 AAC
Opus WebM libopus
Vorbis WebM libvorbis

次に、新しく作成したファイルのビットレートを変更する方法について説明します。

ヘッダー フィールドの説明

各エンドポイント構成には、group 名、max_age、endpoints 配列が含まれています。また、include_subdomains フィールドを使用して、エラーの報告時にサブドメインを考慮するかどうかを選択することもできます。

項目 種類 説明
group string （省略可）group 名が指定されていない場合、エンドポイントには「default」という名前が付けられます。
max_age 数値 必須。エンドポイントの存続期間を秒単位で定義する 0 以上の整数。「0」を指定すると、ユーザー エージェントのレポート キャッシュからエンドポイント グループが削除されます。
endpoints 配列<オブジェクト> 必須。レポート コレクタの実際の URL を指定する JSON オブジェクトの配列。
include_subdomains boolean （省略可）現在のオリジンのホストのすべてのサブドメインに対してエンドポイント グループを有効にするブール値。省略した場合や「true」以外の場合、サブドメインはエンドポイントに報告されません。

group 名は、文字列をエンドポイントに関連付けるために使用される一意の名前です。Reporting API と連携する他の場所で、この名前を使用して特定のエンドポイント グループを参照します。