摘要:淺談前端優(yōu)化的幾個思路雪碧圖頁面中如果有很多圖片小圖標(biāo)這樣會有很多請求一個圖就是一個請求建立連接進(jìn)行三次握手這些都是耗費(fèi)時間的如果頁面很多可以考慮用精靈汽水雪碧也是這個單詞技術(shù)做一張雪碧圖將請求多個變成一次請求可以用來配置實現(xiàn)懶加載如果頁面
淺談前端優(yōu)化的幾個思路
https://ltoddy.github.io
雪碧圖頁面中如果有很多圖片、icon(小圖標(biāo)),這樣會有很多HTTP請求,一個圖就是一個HTTP請求,建立TCP連接進(jìn)行三次握手,這些都是耗費(fèi)時間的.如果頁面icon很多,可以考慮用css spirit(精靈,汽水雪碧也是這個單詞)技術(shù)做一張雪碧圖,將請求多個icon變成一次HTTP請求.(可以用webpack來配置實現(xiàn))
lazy load (懶加載)如果頁面內(nèi)容多,頁面長度長的話,可以考慮懶加載,先加載頁面最上面的內(nèi)容,然后滑動到哪加載到哪.
CDN這個是一個很大的關(guān)鍵,在公司靜態(tài)資源肯定是走CDN服務(wù)的,什么是CDN呢,比如,你去網(wǎng)絡(luò)請求一個資源,你在北京,而資源在南京,
中途很遠(yuǎn),要經(jīng)過很多個路由器(轉(zhuǎn)發(fā)請求),這樣會占用很多時間.所以可以用CDN服務(wù),簡單來說CDN就是在各個地區(qū)布置節(jié)點,
緩存你的資源,這樣你就可以就近的拿到你要的資源了.
聽說大公司都有專門寫webpack配置文件的崗位,webpack如果配置的好,也可以提高很多速度(比如可以把你的js文件壓縮的更小).
前端攔截前端也是可以做數(shù)據(jù)嬌艷以及重定向這樣的事情,能前端決策的一定要決策,因為比如重定向在前端做了,這樣就不需要訪問后端,也可以減小服務(wù)器的壓力.
最后一點,代碼質(zhì)量我前端框架用的是react,要多多關(guān)注react生命周期,等等很多方面.
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/94591.html
摘要:淺談前端優(yōu)化的幾個思路雪碧圖頁面中如果有很多圖片小圖標(biāo)這樣會有很多請求一個圖就是一個請求建立連接進(jìn)行三次握手這些都是耗費(fèi)時間的如果頁面很多可以考慮用精靈汽水雪碧也是這個單詞技術(shù)做一張雪碧圖將請求多個變成一次請求可以用來配置實現(xiàn)懶加載如果頁面 淺談前端優(yōu)化的幾個思路 https://ltoddy.github.io 雪碧圖 頁面中如果有很多圖片、icon(小圖標(biāo)),這樣會有很多HTTP請...
摘要:并發(fā)需要解決的問題功能性問題線程同步面臨兩個問題,想象下有兩個線程在協(xié)作工作完成某項任務(wù)。鎖可用于規(guī)定一個臨界區(qū),同一時間臨界區(qū)內(nèi)僅能由一個線程訪問。并發(fā)的數(shù)據(jù)結(jié)構(gòu)線程安全的容器,如等。 并發(fā)指在宏觀上的同一時間內(nèi)同時執(zhí)行多個任務(wù)。為了滿足這一需求,現(xiàn)代的操作系統(tǒng)都抽象出 線程 的概念,供上層應(yīng)用使用。 這篇博文不打算詳細(xì)展開分析,而是對java并發(fā)中的概念和工具做一個梳理。沿著并發(fā)模...
閱讀 955·2023-04-25 23:50
閱讀 1954·2021-11-19 09:40
閱讀 598·2019-08-30 13:50
閱讀 2726·2019-08-29 17:11
閱讀 1040·2019-08-29 16:37
閱讀 2985·2019-08-29 12:54
閱讀 2792·2019-08-28 18:17
閱讀 2636·2019-08-26 16:55