前端工程師,喜歡蒐集明信片、設計簡單的小物、旅遊和看電影。
這裡紀錄了我的學習和開發筆記,歡迎交流 (*´∀`)~♥
© 2022. All rights reserved.
這道題目涵蓋前端技術範圍很廣,很適合在各階段拿來梳理並檢視自己的技能和狀態。那麼,就讓我來檢視一下自己的狀態吧 d(`・∀・)b
November 26, 2018 效能調校 轉譯效能 關鍵轉譯路徑 你懂JavaScript嗎? 你所不知道的JS 加載效能 圖片最佳化 快取 Rendering Performance Critical Rendering Path Resource Hints Web Workers Worker requestAnimationFrame Gzip HTTP Caching Loading Performance You-Dont-Know-JS cache javascript javascript prototype undefined 編碼 解碼 encode decode base-64 · 留言
針對網站進行各種工具的測試並做優化。
September 11, 2018 效能調校 加載效能 Loading Performance 吃什麼 Lighthouse Gzip · 留言
文字資源(Text Content)的優化,以下列出加快從伺服器下載的有效方法。
September 5, 2018 效能調校 加載效能 Loading Performance Gzip 吃什麼 · 留言
實作「圖片最佳化(Image Optimization)」的第一個問題是「真的需要這個圖檔嗎?」,去除不需要的圖檔即可減少 HTTP Request。第二個問題才是「若圖檔不能去除或被取代,可以做哪些優化?」。
July 30, 2018 圖片最佳化 效能調校 加載效能 SVG Resource Hints Lighthouse Base64 Images Image Optimization Loading Performance Gzip 編碼 解碼 encode decode base-64 · 留言
將圖片轉為編碼字串,讓開發者能將圖檔嵌入 HTML、CSS 或 JavaScript 程式碼,以減少 HTTP Request。適合較少更新的小圖,例如 icon 等。
July 26, 2018 效能調校 加載效能 Loading Performance 圖片最佳化 Image Optimization Base64 Images Gzip 編碼 解碼 encode decode base-64 · 留言