鐵人檔案
2017 鐵人賽的開始 簡單自介 我是一名前端工程師，雖然學習的過程裡難免會出現壓力與挫折，但真心喜歡開發網站的世界，希望能夠持續努力、莫忘初衷，永遠保持熱情。...
為什麼需要 PWA? 很多人認為網頁沒辦法跟原生的 APP 相提並論，因為網站沒辦法像原生 APP 一樣快速、可靠、高互動等等 PWA 的出現就是希望能改變這個...
什麼是 PWA? 圖片來源：webunlimited PWA 全名是 Progressive Web App，依照字面上來解釋為『漸進式』的網站應用程式，...
為什麼要講 Client render & Server render？ 希望能夠藉由說明 Client render 和 Server render...
什麼是 App(Application) Shell？ PWA 建構一個 model，將不經常變動的內容(App Shell)和變動的內容(Content)區...
上一篇的文章提到 什麼是 App Shell？ An application shell is the secret to reliably good per...
什麼是 RAIL Model？ 圖片來源：Performance RAIL's RAIL Model 是由 Google 所提出，針對效能、以使用者為中心...
昨天分享 RAIL Model 的觀念時，有參考 Measure Performance with the RAIL Model 這篇文章，而文章裡有提到 Cr...
在網路的世界裡，我們只要輸入網址就可以進行瀏覽，但是輸入網址之後、為了要顯示網站的內容，我們可能必須擷取幾十個，甚至是數百個不同的資源（加起來高達幾百萬位元組的...
今天筆記的是 Service Worker 的觀念，較深入的部份將會在之後的文章，透過實作再來做細部說明。 Service Worker 是非常強大的 offl...
