「前端效能優化」前傳 | 前端效能優化

阿榮-avatar-img
發佈於前端
更新於 發佈於 閱讀時間約 1 分鐘

為什麼要學前端效能優化?

有鑑於最近半年做的兩個專題,載入速度都好慢,需要等待過長的時間,才會成功呈現完整畫面,使用者體驗非常非常差,那我想面試時的 demo 效果也不會太好,趁現在有兩個大好的練習機會,速速把這個我一直很想嘗試的坑給補起來。而且學習優化效能,就可以知道什麼部分容易導致速度變慢,以後寫網頁就可以從源頭避免,預防勝於治療。

資源盤點

之前就有印象莫力全大大有寫「今晚,我想來點 Web 前端效能優化大補帖!」的系列文章,也有先把這本書買起來放 (終於可以把這頭猛獸從箱子裡解放拉)。會以這個 iT 系列文作為主要 guideline,AI 和 Google 輔助查詢了解不懂的內容。

目標成果

紀錄網站優化前後的數據,以及體感上使用的網站流暢度是否提升,並把數據變化放在 repo 的 readme 以及履歷中做為亮點。

留言
avatar-img
留言分享你的想法!
Ann Chou-avatar-img
2024/03/19
期待你的優化經驗分享
阿榮-avatar-img
發文者
2024/03/19
Ann Chou 耶~ 看有什麼成效再來跟大家說
avatar-img
阿榮 | 前端 ~ 互動藝術程式
2會員
39內容數
主要放程式學習筆記,分享 Creative Coding 相關內容、作品
2024/04/19
避免網頁在不同瀏覽器中長不一樣。用 CSS Reset 來「重置」和統一瀏覽器預設樣式。
Thumbnail
2024/04/19
避免網頁在不同瀏覽器中長不一樣。用 CSS Reset 來「重置」和統一瀏覽器預設樣式。
Thumbnail
2024/04/15
2024/04/15
看更多