採用Spring Boot + Freemarker開發Web項目時,由於一些靜態文件比較大,如果是在PC上訪問影響不大,當在手機上訪問時,特別是用流量訪問時速度會慢很多,而且很耗流量。
通過對請求進行抓包,可以發現每次進入一個頁面都需要加載靜態文件,如果不差錢的公司可以將靜態文件放在CDN上來加快訪問速度,或者用Nginx來做靜態文件的緩存。
今天給大家介紹一種其他的緩存優化方式,通過Spring的緩存機制來緩存靜態文件,在Spring Boot中配置靜態文件緩存只需要在配置文件中加入下面的配置即可:
# 資源緩存時間,單位秒spring.resources.cache-period=604800 # 開啟gzip壓縮spring.resources.chain.gzipped=true # 啟用緩存spring.resources.chain.cache=false
配置可以參考文檔: https://docs.spring.io/spring-boot/docs/1.5.4.RELEASE/reference/htmlsingle/ 的SPRING RESOURCES HANDLING部分
加上緩存配置後我們訪問頁面後,被加載過的靜態資源就會緩存起來,第二次訪問時就不會再去重新請求下載了,通過抓包可以看出確實被緩存了。
在Size那列有from memory cache,資源被緩存在瀏覽器的內存中了,也有的文件會緩存在磁盤中,那就是from disk cache。
優化目的是達到了,但是有一個小問題沒有解決,就是如果我的資源文件變了,比如css文件有修改,當我服務端發布之後,用戶這邊還是會存在緩存。
最好的效果時當文件有改變時或者說當服務端的程序重啟之後,用戶的請求需要下載服務端的最新資源,沒有重啟的時候就用緩存的內容,這樣就能保證更改後用戶能夠馬上看到最新的內容。
我們可以用版本號來解決這個問題,就是在靜態資源後面加上一個版本號,當資源發生變化時將版本號也改變,這樣就不會有問題了。
使用方式如下:
<link rel="stylesheet" href="css/main-app.css?version=${version!}" rel="external nofollow" />用法很簡單,關鍵是version這個值從哪來呢?
我們可以在啟動前通過代碼設置這個值:
System.setProperty("version", version);這個值可以通過main方法的args傳進來,在啟動項目的腳本中動態傳到程序中,啟動腳本可以獲取程序jar的MD5值作為版本號,這樣當服務端的程序重啟之後,版本號就變了,緩存就失效了。
然後在過濾器中獲取這個值設置到request中就可以在每個頁面中使用了
String version = System.getProperty("version");req.setAttribute("version", version == null ? "1.0.0" : version);除了這種參數傳遞的方式,大家還可以通過自定義打包的插件,在打包的時候將version替換成具體的內容也可以。
上面講的方式是通過自己去生成version來控製文件的變更,其實Spring Mvc中已經提供了靜態文件的版本管理功能,有二種方式,一種是通過資源的MD5來生成版本號,文件內容變了,MD5肯定也變了。另一種是在資源的前面加上版本號的路徑。
MD5
在屬性文件中增加下面的配置:
spring.resources.chain.strategy.content.enabled=truespring.resources.chain.strategy.content.paths=/**
增加Url的處理:
@ControllerAdvicepublic class ControllerConfig { @Autowired ResourceUrlProvider resourceUrlProvider; @ModelAttribute("urls") public ResourceUrlProvider urls() { return this.resourceUrlProvider; }}頁面中使用方式如下:
複製代碼代碼如下:
<link rel="stylesheet" type="text/css" href="${urls.getForLookupPath('/css/main-app.css')}" rel="external nofollow" >
編譯之後就會變成下面的內容:
複製代碼代碼如下:
<link rel="stylesheet" type="text/css" href="/css/main-app-4v371326bb93ce4b611853a309b69b33.css" rel="external nofollow" >
版本號
在屬性文件中增加下面的配置:
spring.resources.chain.strategy.fixed.enabled=truespring.resources.chain.strategy.fixed.paths=/js/**,/v1.0.0/**spring.resources.chain.strategy.fixed.version=v1.0.0
頁面中使用方式如下:
<script type="text/javascript" src="${urls.getForLookupPath('/js/main.js')}"></script>編譯之後就會變成下面的內容:
<script type="text/javascript" src="/v1.0.0/js/main.js"></script>
無論使用哪種方式,能實現效果,並且工作量不會太大即可,優化無止境,乾就完了。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。