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