前端三分鐘

一起用三分鐘分享技術與知識

三步驟加速你的網站效能

善用開發者工具進行效能分析優化

三步驟加速你的網站效能當網站商業邏輯中有需要大量頻繁的快速更新畫面,往往會遇到畫面卡頓的情況,這時候就需要工程師進行執行效能上的優化。那該如何進行網頁執行效能優化呢? 接下來會從 Reconciliation & Batch 概念解說開始,接著是運用 Chrome 開發者工具進行評估並進行 渲染優化 (Rendering Performance) 腳本效能優化 (JavaScrip......
me
林彥成
2021-03-11 | 3 min.

四種加快網站開啟速度的常見方法

延遲載入、程式拆分、打包檔分析、資源優化

四種加快網站開啟速度的常見方法這篇文章會簡介加快網站開啟速度的四種常見方法,透過延遲載入資源、程式拆分、打包檔分析、資源優化幾個項目來作優化,並且用網站速度測試工具來進行檢核是否有效。 網站在載入效能上會遇到哪些問題? 靜態資源過多載入過慢 腳本複雜執行時間過長 RWD 的設計造成樣式檔越來越大包 延遲載入資源 (Lazy Load)圖片的部份 npm 上有個套件叫 lazyload,用......
me
林彥成
2021-03-09 | 5 min.

不在大型專案導入 React.js 的 5 個原因

關於跟著 React.js 一路成長的心得分享

不在大型專案導入 React.js 的 5 個原因這篇文章會分享 5 個不建議在大型專案導入 React.js 的原因,主要內容皆從底下這篇文章翻譯而來,筆者的公司需要維護大型的專案,且部分情況需要和外包的工程師協作,專案開發的大致情境和背景: 220 個頁面,大概有 20% 需要高度客製化 需要顯示大量客製化的表格欄位類的資料 專案需同時讓多個團隊同時一起維護 會是進行多年的專案,且會一......
me
林彥成
2021-02-28 | 4 min.

回顧成為前端工程師的這五年

淺談選擇前端的理由

嗨, 我是林彥成,網站前後端開發經驗六年,一開始是後端工程師,目前專注在 React.js、 Next.js 相關技術及應用上,後端能使用 Node.js、Socket.IO 做 API 開發和即時資料交換。 學習過程中,覺得知識可以被更淺顯的表達,於是就開始了寫部落格的旅程,前端三分鐘。 待過幾間新創公司常處理從零到一的環境建置 會用 Jenkins、Gitlab CI 建立持續整合......
me
林彥成
2021-01-26 | 9 min.



星星女孩

從 Google 到臉書, 工程師到矽谷頂尖 PM 養成訪問心得分享

前陣子,看了台灣工程師在矽谷的直播 (去年超幸運聽到在台大那場分享就被圈粉),這次聽到訪問星星女孩的故事內心很是激動,於是立馬去借了書來看,看書的過程中,成大校友會社團有個人來開地圖砲,激起大家熱烈迴響,很幸運的,才有這個機會跟厲害的學長吃飯,這周末又聽了溫暖 100% 的分享,於是想稍稍整理一下心得。 時間有限,很多事情都想要嘗試,就需要提早計畫 星星女孩,高中參加北一女熱舞社然後是投......
me
林彥成
2021-01-24 | 3 min.

Google Trends 變身鍵盤柯南

你知道怎麼找出趨勢關鍵字嗎?

先分享一篇實戰部落格搜尋引擎優化方法,談談操作 SEO 讓 MAU 從 3000 到 4000+ 的過程,提供給大家參考。 什麼是 Google Trends?Google Trends (搜尋趨勢) 透過演算法找出趨勢關鍵字並提供即時熱搜的關鍵字動態牆,也提供指定國家、時間、資料來源來進行關鍵字比對的功能。 Google 搜群趨勢牆 怎麼運用 Google Trends?在優化網站關鍵......
me
林彥成
2021-01-16 | 4 min.

Agile Tour Taiwan 2020 心得分享

週期圖法、Cynefin Framework、遊戲化框架

這篇文章會分享聽 Agile Tour 2020 三場分享的心得,包含從週期圖看不同速度成員在同個團隊的狀況,如何用 Cynefin Framework 來談為什麼 20 個減肥 Sprint 會失敗? 遊戲化框架對團隊的幫助在哪? 議程傳送門 https://agiletourtaiwan.org/agenda/ 在心得開始之前,想先問大家有聽過 Agile 嗎? 先直接說我的看法: ......
me
林彥成
2021-01-11 | 5 min.

商業思維與影響力

關於教育!創辦人對談:均一教育平台 呂冠緯 X 商業思維學院 Gipi

當均一有個願景使命在的時候,目的是去解那個問題,商業思維就是跳脫出來去思考有一筆錢或資源,我們會怎麼去使用,對談的連結點我。 目標: 擴大影響力假設: 募到超過三倍的資源,我們會做什麼樣的決定? 商業思惟是聚焦在真正要解決的問題回過頭去反思真正想要加速的東西,當資源有限的時候,是不是關注在這樣的事情上,什麼是真正要解決的問題: 讓孩子成為終身學習者 提供規模化的學習環境 早期都在把資......
me
林彥成
2020-12-29 | 4 min.