http狀态304表示請求的是緩存,200表示是從伺服器請求的。
3張不同的照片,第一次通路,總共請求了4次,
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= "UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv= "Content-Type" content= "text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<img alt="" width= "200px" src= "static/image1.jpg">
<img alt="" width= "200px" src= "static/image2.jpg">
<img alt="" width= "200px" src= "static/image3.jpg">
</body>
</html>
然後我們重新整理一下,發現200的變成了304,因為圖檔已經緩存在了本地。
以下是3張相同的image1照片,明顯都是存在了本地緩存中
加上時間戳目的是為了解決項目更新代碼不同步的問題。同理CSS,JS也應該加入時間戳,下次再修改代碼的時候避免因為緩存原因沒有同步。
<img alt=
""
width=
"200px"
src=
"static/image1.jpg?
<%=System.currentTimeMillis()%>
"
>
關注我的公衆号,都是滿滿的幹貨!
孫堅.gif