資料表

圖片格式 失真外掛程式
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 字型 總計 Time to Interactive 預算
慢速 3G 網路 Moto G4 100 30 10 10 20 ~170 KB 5 秒
慢速 4G Moto G4 200 50 35 30 30 ~345 KB 3 秒
Wi-Fi 電腦 300 250 50 50 100 ~750 KB 2 秒
如果表格的寬度大於內容欄的寬度，就會捲動。

影片

轉碼器 擴充功能 媒體庫
av1 WebM、mkv libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

音訊

轉碼器 擴充功能 媒體庫
aac MP4 aac
opus WebM libopus
vorbis WebM libvorbis

接下來，我們將說明如何變更新建立檔案的比特率。

標頭欄位說明

每個端點設定都包含 group 名稱、max_age 和 endpoints 陣列。您也可以使用 include_subdomains 欄位，選擇在回報錯誤時是否要考慮子網域。

欄位 類型 說明
group 字串 選用設定。如果未指定 group 名稱，端點的名稱會是「default」。
max_age 數字 必填。非負整數，以秒為單位定義端點的生命週期。如果值為「0」，系統會從使用者代理程式的回報快取中移除端點群組。
endpoints 陣列<物件> 必填。一組 JSON 物件陣列，用於指定報表收集器的實際網址。
include_subdomains 布林值 選用設定。布林值，可為目前來源主機的所有子網域啟用端點群組。如果省略或不是「true」，則不會將子網域回報至端點。

group 名稱是用於將字串與端點建立關聯的專屬名稱。在與 Reporting API 整合的其他位置使用這個名稱，以便參照特定端點群組。