1. 程式人生 > >Angular專案在tomcat載入速度慢的問題解決方法

Angular專案在tomcat載入速度慢的問題解決方法

簡單粗暴,Angular ng build 生成的專案直接丟到tomcat的webapps下,localhost:8080/Project,速度還可以嘛。

把專案丟到雲伺服器,開啟瀏覽器訪問,載入速度感人,10s+開啟一個網站,藍瘦

廢話不多說,直接貼方法

一、在Angular端優化

編譯專案時不要用ng build,否則編出來的專案無敵大,用上ng build --prod

後面的引數會把沒用的都刪掉,編出來的包直接小60%

二、在Tomcat端優化

開啟tomcat的gzip功能,原理很簡單,瀏覽器載入到的是伺服器壓縮後的包,瀏覽器自己再解壓,速度至少提高2倍以上

1.開啟tomcat下的server.xml檔案

找到該段程式碼,修改程式碼為

引數解釋 compression -- 開啟gzip

                 compressionMinSize -- 最小壓縮大小  當檔案大於這個值才進行壓縮,如果小檔案壓縮完有可能比原檔案都大

                 大小為BIT 2048即是2K

                noCompressionUserAgents -- 不壓縮的瀏覽器  不知道幹嗎用

                compressableMimeType -- 壓縮的型別,不知道的可以開啟瀏覽器F12

               useSendfile

-- 這個很重要,不關閉的話壓縮是無效的

搞定後的圖是這樣的

注意看紅色框框部分 如果沒生效的話是不會有這個的

我的網頁原本是6s載入完的,現在