Skip to main content

Frontend 前端

SPA (Single-Page Application) 單頁式應用​

什麼是 SPA (Single-Page Application)？有什麼優點和缺點？｜ExplainThis

不需刷新頁面

SEO 較差

通常較慢

SSR (Server-Side Rendering) / CSR (Client-Side Rendering)​

SSR 與 CSR 深度解析：從渲染方式到效能最佳化 - Shubo 的程式開發筆記

Selective Hydration + Streaming HTML (React 18)

  • FCP (First Contentful Paint)

  • TTI (Time-to-Interactive)

  • TTFB (Time to First Byte)

Optimistic Update 樂觀更新​

What Are Optimistic Updates?. How Optimistic Updates May Improve… | by Kyle DeGuzman | Medium

React useOptimistic Hook 詳解 - 如何在 React 實作 Optimistic Update？ | ThisWeb