ASP.NET Blazor 網站首次載入背後發生了什麼？

—

作者:

當使用者第一次造訪網站時，伺服器會先行渲染首頁，並將包含 HTML、CSS 和一段隱藏的 JavaScript 的程式碼傳送至瀏覽器。此時，瀏覽器接收到程式碼後便開始解析並呈現網頁內容。

接著，瀏覽器會立即與伺服器建立 SignalR 連線，以實現使用者與網站的互動功能。同時，瀏覽器也會開始下載 WebAssembly (WASM) 模組。一旦 WASM 下載完成，瀏覽器便可使用儲存在本地快取中的模組。

需要注意的是，這並不代表瀏覽器會切換到「組譯模式」，而是指當使用者瀏覽應用程式的其他頁面或重新整理當前頁面時，渲染工作將在瀏覽器端進行。此時，瀏覽器便不再需要重新建立 WebSocket 連線。

簡單來說，在 WASM 模組下載完成前，網頁的渲染都由伺服器負責。一旦模組完全下載，網頁會維持在伺服器模式，直到使用者重新整理頁面後，才會切換到 WASM 模式，改由瀏覽器進行渲染，大幅提升使用者體驗。

最後更新日期：2025-01-05

留言