其實我做項目最有感觸的一點就是:不要等最后項目做出來之后老想著從技術(shù)角度去優(yōu)化他,改善他戳吝,要從項目一開始設(shè)計的時候想的更長遠(yuǎn)一些去規(guī)避這些問題浩销。
以下以谷歌瀏覽器為例:
一、首先你要學(xué)會看瀏覽器中的Network
谷歌瀏覽器
里面的size
和time
分別對應(yīng)了文件的大小和請求時間听哭,從上面就可以看出來哪個文件耗費的資源比較龐大慢洋。我們可以對癥下藥。
二陆盘、首先優(yōu)化圖片體積
在請求的時候我們發(fā)現(xiàn)普筹,所用的png圖片都是高清大圖,一個放圖片的文件夾體積占了整個項目的2/3隘马,因此太防,我們需要把一些不需要超級清晰的圖片縮小他的體積,所用軟件:PS或者任意一款可以改圖片大小的軟件
以下以PS為例:
-
文件夾中選擇圖片以PS的形式打開
圖片.png -
點擊導(dǎo)出為
圖片.png
這里可以清楚的看到你的圖片體積的大小
選擇縮放一定比例即可祟霍,一般不重要的圖片我都是縮放到10%杏头,圖片體積會減少很多很多
切記盈包,如果這樣的話一定要設(shè)置圖片的寬高,不然會變小的呀醇王。
三呢燥、優(yōu)化引入插件的體積
例如element-UI這類的ui組件完全可以按需引入來達(dá)到減小項目體積的效果。