關於「打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵」這本書的點滴

01 Dec 2021

關於這本書「打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵」的點點滴滴。

天瓏書店商品連結-點此購買

為什麼想寫這本書

一直以來我對前端技術的兩個領域很有興趣 — SEO 與效能。在職涯發展中，不管是在上班做的專案還是下班做的 side project，這兩個東西都不是能任意弄起來玩的，SEO 與效能皆需要實際使用者的參與、大量流量才會好玩。

幸運如我，總是有機會遇到滿足這些條件的案子而能悠遊在其中；也許是因為真的太幸運，讓我能一從學校畢業，就找到喜愛的工作（應該要說是喜歡的職業？），能不斷的在這當中努力而得到很多很多收穫和滿足。

「要感謝的人太多了，那就謝天吧！」寫文章、出書、分享，是希望能將自己的技術和經驗與大家分享、交流。如果有幫助到任何人，我會非常開心，願能為這社會和前端技術社群盡一點心力。

NOTE：希望為社會和技術社群貢獻的具體目標是什麼？大致上有三個方向

• 讓前端工程師的職涯更清晰、過得更好。
• 關鍵技術可以找到對的人討論。
• 更熱愛自己的生活。

因此若能有助於這三個目標，都歡迎聊聊 ❤️

挑戰與收穫

選題目

我想找一個能貫穿與涵蓋前端技術範疇的主題，想來想去想到「效能」— 這個主題包含：(1) 網路與瀏覽器的基本概念；(2) HTML、CSS、JavaScript 的撰寫；(3) UX；(4) 工具；(5) 測試；(6) 最佳化等。在我的職涯中前端技術不停變化與前進，而都與這些事情緊密關聯。可能就是想證明自己這十年來學到什麼吧！而且自己學到不算什麼，能講給別人聽才是真本事。

NOTE：可參考前端 Frontend 路線圖…略懂效能與 SEO 就代表學成了吧，前端工程師不要再焦慮了！

寫！

第二個挑戰當然是「寫書」這整個過程。

選完題目接著就是選素材，一開始想寫的真的就是前端效能，舉凡快取，圖文等資源優化、渲染效能甚至是 GraphQL 都想寫，直到去年在工作上嘗試用不同的解法來解決效能問題，以及閱讀 Google 出版的「Optimize for Core Web Vitals」電子書而轉個方向以使用者角度做效能調校。除了內文還有範例，設計好的範例也是一門學問 (當講師真的不簡單啊！)。寫書期間還遇到工作、健康等不預期狀況，停工一小段時間，「挑戰即是機會」，在面對這些狀況時當成突破的契機，就這樣迎接更好的自己了 💪🏻

寫好內容，交予出版社檢閱與審稿這過程也是挺艱辛的，過了三次往往還有東西想改、錯字一堆 XD 如果你問我，寫書值得嗎？寫部落格不滿足嗎？學到很多不一樣的東西，寫部落格是天馬行空的，但寫書就嚴謹多了，要寫得更有條理、更溫柔也更仔細 (感謝編輯 Abby 與小 P 等博碩同仁的協助)。

推廣

第三個挑戰是為了這宣傳這本書和理念而較為認真的參與技術社群活動。

今年有幸能成為 MOPCON 的講者，來跟技術社群聊聊網站指標這個主題。在選擇到底要投哪些研討會和舉辦讀書會時，跟內部團隊成員做了很多的討論與取捨。有很多事情想做 (歡迎參考今年的年度回顧，待補)，可是每個人一天就只有 24 小時，因此最後就選擇了在我們心目中技術含金量最高、觀眾群類型最廣並且商業氣息沒有這麼濃厚的 MOPCON 🎊 之後也希望能舉辦一些活動來繼續研討這個主題。

NOTE：在這裡要對辦活動的大大們表達敬佩與感謝，真的是辛苦了！太厲害了！

這本書可以帶給讀者什麼？

既然這本書是想要貢獻技術社群，那麼讀者如你到底可以獲得什麼呢？

如果你

• 想要了解怎麼優化效能，或是想要了解前端工程師怎麼優化效能。
• 想要以使用者的角度來凝聚不同角色的夥伴的共識，來優化產品的效能。
• 想要評估優化產品效能的成本。

那麼這本書可以給你

• 以淺顯易懂的圖文說明如何改善效能、可重現問題和動手操作的範例程式碼，便於學習與演練。
• 以使用者的角度解釋效能、改善效能，不再讓優化效能這件事霧裡看花、改了卻沒感受到任何效果。
• 以實際的網站說明如何改善效能，便於評估自身產品的優化成本。

還是不確定合不合口味嗎？歡迎試讀-博客來試讀。

相關活動

• MOPCON 2021：打造高速網站，從網站指標開始！(Speed Up Your App with Web Vitals) (2021/10/24)
  • 投影片
  • 逐字稿
  • 預錄影片
• 趨勢科技 Experience Day (2021/12/10)
• 新竹敏捷 Agile Hsinchu 2021.12 線上聚會: 打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵 (2021/12/27)
  • 投影片
  • 影片
  • 逐字稿
• 冏冏電台：資深前端工程師 Summer：盡力去嘗試，才能讓遺憾少一點 (2022/01/23)
  • 點此收聽
  • 介紹文 1
  • 介紹文 2
• 東吳資管 / 知識管理 / 專題演講 (2022/05/11)
  • 投影片
• Web 實驗室/長島計劃（邀稿）(2022/03/01)

感謝

感謝本書合作的主管、工程師與專案夥伴們 (以中文姓名筆畫排序)。

• 王思驊（Jason Wang）
• 余宗翰（Steve Yu）
• 吳天貴（Alvin T Wu）
• 吳奇潭（Cheton Wu）
• 呂兆威（Frankie Lu）
• 李俊華（Jun-Hua Li）
• 周聿軒（Sean Chou）
• 曹家嘉（Malum Tsao）
• 郭政翰（Hank Kuo）
• 劉宗航（Hunter Liu）
• 歐聰志（Nicolai Ou）

特別感謝 Hunter Liu 的協助 — 本書內容的選取與技術細節的討論、校稿等，Hunter Liu 都給予很多的幫忙和建議，有這樣的朋友真好 🙏🏻 👏🏻

購買資訊

天瓏書店商品連結-點此購買