前端知識 效能優化

2021-09-24 02:32:17 字數 899 閱讀 8600

速度

省錢抗壓

回退請求的數量——越少越好

當我們請求的數量可以減少時,我們的效能可能會提高。

那我們怎麼解決這個問題呢?

合併預載入

一般情況下我們會使用webpack來幫助我們實現這個功能

檔案的體積——越小越好

解決方案——壓縮

合理運用快取

快取不單單和服務端有關,也和前端有關

我們遇到的很多問題,其實就是因為快取的不合理而導致的

我們快取的時候應該考慮一下這些問題:

哪些檔案需要快取?能快取的一定不要讓它讀

如果我的資料變了,將來我要怎麼更新這個資料?因為你快取了,所以它不會向你請求資料,那麼怎麼更新資料就是乙個問題。

我需要快取多長時間合理?

我快取的資源中,那些資料是要變的,那些資料不會變?

增加資料請求量

就比如哪些看**的**,我們真的每次就請求一頁?看**一般都會往下翻,這時候我們每次就請求一頁的資料會產生大量的請求,因此我們可以用過乙個請求裡面多請求幾頁,來增加網頁的效能,所以4和5需要看資料說話

這是乙個很大的問題,很難解決,但是我們可以通過

資料問問別人

來盡量的解決這些問題

日誌埋點

統計上面的內容是在開發階段就能夠解決的,但是在部署方面也能優化

cdnp2p

靜態化、快取

異構計算

4. 5.

6. yslow

怎麼解決

不要讓某乙個方面到達極限,知道到達極限,那麼這個點就是你們的效能瓶頸

而大部分的專案都會有的資料瓶頸就是

——資料庫

測試工具

每個資料庫工具裡面都有

nosql

redis

測試知識 效能測試

系統開發完成之後,最重要的環節就是測試環節了。今天寫一下測試環節中的效能測試。效能測試本質 效能測試的本質是針對服務端的,與系統的介面無關。基於協議模擬使用者發出請求 業務模擬 對伺服器形成一定的負載,來測試伺服器的效能指標是否滿足要求。1 狹義的效能測試 效能測試方法是通過模擬生產執行的業務壓力量...

前端效能優化

1.減少http請求次數 css sprites 在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是...

前端效能優化

在開發好頁面後,如何讓頁面更好更快的執行 從前端的角度來看,效能可以分為兩個方向 從使用者角度來看,乙個是頁面載入的很快,另乙個是頁面使用起來非常流暢 輸入了url 瀏覽器開始解析 查詢本地快取 dns解析 建立連線 伺服器處理 伺服器響應 客戶端收到響應 解析html 然後開始渲染頁面 使用者可以...