關於面試 前端效能優化這塊

2021-10-25 09:23:38 字數 404 閱讀 1411

面試經常會被問到關於效能優化這一塊,其實這個問題沒有標準答案,但你回答時要求盡可能全面,那到底改怎麼回答呢,follow me!

開個小差:最近在學習vue原理,隨便補充一下關於vue的效能優化

1、合理的使用v-show,v-if

2、合理的使用computed(computed有快取,data不變,不會重新計算)

3、v-for的使用一定要記得帶上:key, v-for跟v-if不能同時使用

4、自定義事件、dom事件及時銷毀

5、合理使用keep-alive

6、合理使用非同步元件

7、data層級不要太深

8、使用vue-loader在開發環境做編譯模板

9、webpack層級優化

10、懶載入

11、使用ssr

關於web前端效能優化總結

1 從dom結構和標籤上來優化 使用語義化的標籤,清晰簡潔 減少dom節點,增加渲染速度 使用w3c標準書寫閉合小寫的標籤 給和table指定寬高,避免縮放 css在頭部位置,js在body底部位置 2 從css樣式上來優化 使用link載入樣式而不是 import 是css2提供的一種方式,不相容...

前端效能優化

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

前端效能優化

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