效能知識點二

2021-09-10 13:11:33 字數 1063 閱讀 1415

之前講到重排,布局的時候使用flex時,比使用inline-block和float時重排更快,所以在布局時可以優先考慮flex。

h5新增srcset,sizes和元素用來做響應式,雖然對效能有提高,但是要準備很多的,只能是看情況使用。

我們知道瀏覽器的渲染機制,只有css和dom載入完了,構建render樹之後頁面才渲染,雖然現在瀏覽器能夠渲染不完整的render樹,但是最好還是最快的載入css和dom。我們可以將首屏渲染必須用到的css提取出來內嵌到中。雖然css和dom是非同步並行載入,如果css檔案過大,使用者就需要等待很長的時間才能看到渲染結果。當然這個做法也有一些缺點,比如不能太大,不能快取。

在js中倒序迴圈會略微提公升效能

var arr = [1, 2, 3];

for(var i = arr.length;i–?

i—直接到0的時候判斷為false,原來的i < arr.length過程是判斷是i是否小於總數,然後判斷是否為true,而現在直接一步是否為true,少了判斷總數的一步。

接下來介紹幾種我從來沒用過的方法,這幾個屬性就算瀏覽器不支援也沒關係,不會報錯只是不會解析。

preconnect用於啟動預鏈結,其中包含dns查詢,tcp握手,以及可選的tls協議,允許瀏覽器減少潛在的建立連線的開銷。

prefetch用於標識下乙個導航可能需要的資源。瀏覽器會獲取該資源,一旦將來請求該資源,瀏覽器可以提供更快的響應。

dns-prefetch可以指定乙個用於獲取資源所需的源(origin),並提示瀏覽器應該盡可能早的解析。

prerender用於標識下乙個導航可能需要的資源。瀏覽器會獲取並執行,一旦將來請求該資源,瀏覽器可以提供更快的響應。

通過preload預先載入需要的資源。

使用 tree-shaking、scope hoisting、code-splitting。

單頁應用需要等js載入完畢後在前端渲染頁面,也就是說在js載入完畢並開始執行渲染操作前的這段時間裡瀏覽器會產生白屏。而服務端渲染(server side render,簡稱ssr)的意義在於彌補主要內容在前端渲染的成本,減少白屏時間,提公升首次有效繪製的速度。可以使用服務端渲染來獲得更快的首次有效繪製。

Android java的io效能知識點

關於bitmap,使用decodestream代替decodefile,並且傳入bufferedinputstream型別的檔案流,decoderesource同樣存在這個問題,建議使用decoderesourcestream,效能優化的原因是增加了緩衝區,減少了磁碟io的次數 vss virtua...

人工智慧知識點記錄

1 構成產生式系統的基本元素有 綜合資料庫 產生式規則 控制系統 控制策略按執行規則的方式分類,分為 搜尋策略 衝突消解策略 正向反向雙向推理 三類。2 歸結過程中控制策略的作用是給出控制策略,以使僅對選擇合適的子句間方可做歸結,避免 多餘的 不必要的歸結式出現 常見的控制策略有 推理方向 求解策略...

企業關注技能知識點 Spring框架

1 什麼是ioc?ioc有什麼作用?ioc即控制反轉,也被稱為di,即依賴注入。ioc的意思是,將物件的建立以及裝配過程交給容器實現,而不再使用 進行。使用ioc建立並裝配物件,能夠使得應用可以不管將來具體實現,完全在乙個抽象層次進行描述和技術架構,使得應用的可擴充套件性提高。參考 spring i...