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