頁面轉換 Don' 感覺到網路會遭到封鎖

快速頁面轉換是讓使用者瞭解漸進式網頁應用程式 (PWA) 效能的關鍵。 即使網路速度緩慢,轉換應該也能感覺流暢。

推薦做法

如要找出頁面轉換速度緩慢,請使用模擬的緩慢網路瀏覽網頁應用程式。方法如下:

[comment]: <> (前兩個清單項目為 web.dev 的簡短碼,但未翻譯成任何語言的英文)。 1. 按下 Control+Shift+J (在 Mac 上則為 Command+Option+J) 開啟開發人員工具。2. 按一下「網路」分頁標籤。 3. 在「Throttling」下拉式清單中選取「慢 3G」

每次輕觸應用程式中的連結或按鈕時,請檢查網頁是否立即以下列兩種方式之一回應:

  • 頁面會立即轉換到下一個畫面,並在等待網路內容的同時顯示載入畫面。
  • 在應用程式等待網路回應時,這個頁面會顯示載入指標。

如果您正在處理用戶端轉譯的單頁應用程式,請立即將使用者轉換至下一個頁面,並顯示骨架畫面。請務必立即顯示可用的內容,例如網頁標題或縮圖,並等待其他內容載入完畢。

資源