根據 Lighthouse 指標優化 TBD (2/2)

[Julian0701]

根據 extension 或 dev tool 內建的 Lighthouse report 優化 TBD 網站 Start from <AppDowloadContainer />

[Julian0701]

ref

Performance:

• 將圖片改成 jpg 可以省下不少空間
• 移除沒有用到的 CSS
• Minify JavaScript

[Julian0701]

• lighthouse reports

• lighthouse treemap

• Performance

  

• 在首頁加上 meta tag 以提升 SEO 分數

• Performance 的分數依然很低，主要是被 Total Blocking Time 給拖慢，主要的優化方向有：

  • 將 long task 拆分成多個可以非同步執行的小檔案(chunk)，配合 async, defer 屬性
  • 延遲執行不重要的資源，例如使用 script tag defer 屬性
  • 使用web workers，讓 js 在另一個背景執行緒執行
  • 先準備好互動行為需要的資料，例如盡量避免在互動時才去打 api fetch 資料

ref:

• Web Vitals優化方法
• web.dev

[Julian0701]

• take 8 hrs