核心提示:HTTP缓存当用户多次访问您的网站,那么静态资源在浏览器的缓存就是非常重要的。可以缓存的静态资源包括css js 图片Expires和Cache-Control:max-age这两个字段用来指定时间字...
HTTP缓存
当用户多次访问您的网站,那么静态资源在浏览器的缓存就是非常重要的。可以缓存的静态资源包括css js 图片
Expires和Cache-Control:max-age
这两个字段用来指定时间字段,浏览器可在这个字段指定的时间内使用缓存,无需查看在原服务器是否进行了资源的更新
Last-Modified和ETag
Last-Modified :当用户第一次访问某一个页面的时候,服务器返回
状态码200
首部字段 Last-modified字段
实体内容:请求资源
Last-modified字段 这个字段代表,服务器对返回的资源最后更新的时间。
当用户第二次再访问这个静态资源的时候,会发送
If-modified-Since:值和它上次收到的Last-Modified是相等的,
来询问服务器在这个时间以后是否更新过资源,如果没有更新过。返回状态码304。,这样就保证了不会重复的发送没有更新过(自last-Modified
)的资源。减少了服务器的负担。
Etag请求变量的实体值。
当用户第一次访问某一个页面的时候,服务器返回
状态码200
首部字段:ETag:”372nfjfnfksdjff”
实体:请求的资源内容
当用户第二次访问这个页面的时候:客户端发送:
if-None-Match:W/372nfjfnfksdjff 如果Etag没有改变 就返回304
这样就可以让浏览器在服务器返回304的时候,使用缓存
WebSql
但是这种方式只有较新的chorm支持
是将数据已数据库的形式存在客户端,根据需求去取