淺談前端優化的幾個思緒
雪碧圖
頁面中假如有許多圖片、icon(小圖標),如許會有許多HTTP要求,一個圖就是一個HTTP要求,豎立TCP銜接舉行三次握手,這些都是消耗時候的.假如頁面icon許多,能夠斟酌用css spirit(精靈,汽水雪碧也是這個單詞)手藝做一張雪碧圖,將要求多個icon變成一次HTTP要求.(能夠用webpack來設置完成)
lazy load (懶加載)
假如頁面內容多,頁面長度長的話,能夠斟酌懶加載,先加載頁面最上面的內容,然後滑動到哪加載到哪.
CDN
這個是一個很大的癥結,在公司靜態資本肯定是走CDN效勞的,什麼是CDN呢,比方,你去收集要求一個資本,你在北京,而資本在南京,
半途很遠,要經由許多個路由器(轉發要求),如許會佔用許多時候.所以能夠用CDN效勞,簡樸來講CDN就是在各個地區安排節點,
緩存你的資本,如許你就能夠就近的拿到你要的資本了.
webpack設置
據說大公司都有特地寫webpack設置文件的崗亭,webpack假如設置的好,也能夠進步許多速率(比方能夠把你的js文件緊縮的更小).
前端阻攔
前端也是能夠做數據鮮艷以及重定向如許的事變,能前端決議計劃的一定要決議計劃,由於比方重定向在前端做了,如許就不須要接見後端,也能夠減小效勞器的壓力.
末了一點,代碼質量
我前端框架用的是react,要多多關注react生命周期,等等許多方面.
