前端效能
https://www.youtube.com/watch?v=0fONene3OIA
2023-05-08
Fireship
Core Web Vitals
LCP
使用WebP、只有必須的字型
CDN
防止阻塞JavaScript
預先載入
FID
減少JavaScript執行時間
CLS
可透過Lighthouse擴充功能觀察
Unlighthouse
2019-03-26 How to 速度改善 ー Web パフォーマンスについて知っておきたいこと 7 選ー
2020-11-10 今晚，我想來點 Web 前端效能優化大補帖！
2025-04-28 実践Webフロントパフォーマンスチューニング - Speaker Deck
1. 降低圖片容量
壓縮圖片
縮小圖片
2. 壓縮文字
3. 削減字體
4. 削減JavaScript
5. 使用快取
2021-05-05 フロントエンドのパフォーマンスチューニングを俯瞰する - 30 歳からのプログラミング
2022-02-14 Web フロントエンドパフォーマンスチューニング 55 選
JavaScript
HTML/CSS
瀏覽器API
V8引擎
函式庫
SPA
伺服器
2025-05-02 パフォーマンスを改善する技術 - Repro Tech Blog
JavaScript
JavaScript 啟動最佳化  |  Articles  |  web.dev
網路
程式碼分割
延遲載入
壓縮
UglifyJS
minify
gzip
brotil
移除未使用的程式碼
快取
Parse/Compile
DevTools中效能分頁的黃色部分
Bottom-Up
Call Tree
瀏覽器處理同等大小的JavaScript的成本大於圖片或網路字型
執行時間
其他成本
記憶體
阻塞
降低成本
PRPL
Push
Render
Pre-cache
Lazy-load
Progressive render
Can You Afford It?: Real-world Web Performance Budgets - Infrequently Noted
關聯項目
為什麼你的網站很慢