當前位置:首頁 » 網頁前端 » 前端使用變頻電源
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端使用變頻電源

發布時間: 2023-08-16 01:41:34

❶ 變頻器前端加變壓器220VAC-220VAC是何用意

你說的這個其實算是穩壓器。它的作用主要是穩定電源電壓,防止電壓過大波動對設備造成損害

❷ 如何進行web前端性能優化

提起Web前端性能優化的問題,前端開發人員非常熟悉,對於一個網站而言,即使內容和功能再優秀,如果用戶需要花費很久的時間才能打開,這樣遲早會消耗用戶的耐心,並最終失去用戶。

那如何才能優化前端性能?歸納為三步

一、關鍵資源位元組數

位元組數也就是通常說的減少資源文件(js、css、image、video...)的大小。

1、壓縮衫螞

前端使用uglify混淆壓縮

後端開啟gzip

對圖片進行壓縮,使用壓縮比例更高的格式(WebP)

2、緩存

強緩存(http狀態碼:200),不用請求服務運納器直接使用本地緩存,協商緩存(http狀態碼:304),使用時先請求伺服器若被告知緩存沒過期則使用本地緩存,不用下載資源,使用localstorage對數據進行存儲

3、針對首屏優化

對非關鍵資源延遲載入、非同步載入,減少首屏資源大小

二、關鍵資源連接數

1、合並請求

使用http2.0的多路復用合並請求配置combo,在無法使用http2.0的情況下作為一種合並資源請求的手段。

2、減少圖片請求數

使用spite圖,使用svg-symbol。

3、針對一些場景採用css、js內聯的方式。

4、使用強緩存減少了一次伺服器請求。

5、非關鍵資源延遲、非同步載入,減少了首屏資源連接數。

三、關鍵渲染路徑

1、bigpipe分塊輸出

這里主要是因為要完成一整個頁面的輸出後端需要處理很多個任務,我們可以將這些多個任務進行分塊,誰先完成誰就先輸出,最終通過JS回填的方式輸出DOM節點,這種方式主要解決了直出頁面阻塞的問題。

2、bigrender分塊渲染

常規的手段就是採用前端模板渲染頁面,針對首屏時間主要減少了首次構建DOM樹時的節點數

3、針對reflow,repaint,composit路徑處理。

4、涉及到動畫時關於layer的概旁塌沒念renderlayer、graphicslayer。

5、css放在頭部、js放底部避免阻塞DOM樹的構建,關於css、js的位置對於頁面渲染的影響大家可以關注下相關的文章。核心:css資源不會阻塞DOM樹的構建但會阻塞DOM的渲染,JS會阻塞DOM樹的構建,CSS會阻塞JS的執行。