資料表

圖片格式 Lossy 外掛程式
JPEG imagemin-mozjpeg
PNG imagemin-pngquant
GIF 圖片前的亮光效果
適用於檔案類型的 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
慢速 4G 網路 Moto G4 200 50 35 30 30 約 345 KB 3 秒
WiFi 電腦 300 250 50 50 100 約 750 KB 2 秒
表格會在寬度超過內容欄寬時捲動。

影片

轉碼器 延伸 媒體庫
av1 WebM、mkv Libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

音訊

轉碼器 延伸 媒體庫
亞太地區 MP4 亞太地區
蛇夫 WebM Libopus
漩渦 WebM Libvorbis

接下來,我們將說明如何變更新建檔案的位元率

標頭欄位說明

每個端點設定都包含 group 名稱、max_ageendpoints 陣列。您也可以使用 include_subdomains 欄位,選擇在回報錯誤時是否要將子網域納入考量。

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

group 名稱是不重複的名稱,可用來將字串與端點建立關聯。請在與 Reporting API 整合的其他位置使用這個名稱,藉此參照特定端點群組。