Web應用優化 優化切頁模式

2021-10-22 17:12:01 字數 458 閱讀 3386

典型場景:google docs 空間列表 → 開啟目錄 → 開啟雲檔案

spa是一種web應用程式或**,它通過使用來自web伺服器的新資料動態重寫當前web頁面來與使用者互動,而不是瀏覽器載入整個新頁面的預設方法。目標是更快的過渡,使**感覺更像乙個本地應用程式。

典型場景:移動端 google docs 文件列表 → 開啟單個 docs 文件

典型場景:google docs 演示 → 開啟新視窗演示

ssr(伺服器端渲染), 由服務端把渲染的完整的頁面吐給客戶端。這樣減少了一次客戶端到服務端的一次http請求,加快相應速度,通常用於首屏的效能優化

Web應用效能優化思路

瓶頸是什麼?一條4車道的公路,執行非常順暢,突然出了點事故,事故車導致某個地方只剩下1車道,然後就開始堵車,因為四輛車同時塞向乙個車道裡。把這個事故清除了,故障車拖走了,道路會開始恢復了通暢。這個道理誰都懂,但偏偏有些傻瓜交警去把4車道變成8車道,但卻不清理事故路段。乙個web應用,不管是何種語言開...

Web效能優化

我們先來看乙個瀑布圖來確定乙個頁面效能問題是由哪些項造成的。chorome 自帶開發人員工具 圖中每一行表示乙個 請求,每乙個請求都有一條時間線,用於標識這個請求所花費的時間。如果將滑鼠放到某一條時間線上,可以看到以下資訊 1 首先看一下哪個請求花費的時間比較長,看看這個請求的時間線資訊,確定是伺服...

web前端優化

盡量避免使用eval函式 多了一步解析的步驟 function testnoeval var endtime new date console.log 耗時1 endtime starttime ms function testeval var endtime new date console.lo...