技術 20. [FE] 如何提升網站效能？

Perl 之父 Larry Wall 曾說過，工程師有三大美德，分別是：「懶惰」、「急躁」與「傲慢」。其中的「急躁」指的便是對於效能低落的程式會有所追求；身為...

技術 [Day 22] Performance - Rendering Optimization

概覽 大部分的瀏覽器會以每秒 60 次的頻率刷新頁面，反過來說只要瀏覽器來不及在 16 毫秒（1000/60）內產出下一個畫面就會讓使用者感覺卡卡的，影響使用體...

技術 [Day 21] Performance - How Rendering Works

利用 Performance 面板紀錄效能後，會發現其中以主線程 Main 圖表涵蓋了最多資訊，從開始解析 HTML 到最後繪製出頁面，瀏覽器都做了哪些事情呢？...

技術 DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ，輕鬆切換渲染模式

DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ，輕鬆切換渲染模式 今日前言 - 網站模式/渲染模式複習 前篇 DAY 25...

技術 營養師不開菜單的第七天 - Next.js 13 Server Component 初體驗

在營養教育的時候常會介紹整個餐點製作的過程，稱為「農場到餐桌」，我們的 code 就像食材，確定了網站的基礎結構和用戶體驗；而 Rendering 則像烹飪技巧...