首页 > PHP资讯 > HTML5培训技术 > 前端性能优化 - 善用缓存,不重复加载相同的资源

前端性能优化 - 善用缓存,不重复加载相同的资源

HTML5培训技术

为了避免用户每次访问网站都得请求文件,我们可以通过添加 Expires 或 max-age 来控制这一行为。Expires 设置了一个时间,只要在这个时间之前,浏览器都不会请求文件,而是直接使用缓存。而 max-age 是一个相对时间,建议使用 max-age 代替 Expires 。
不过这样会产生一个问题,当文件更新了怎么办?怎么通知浏览器重新请求文件?
可以通过更新页面中引用的资源链接地址,让浏览器主动放弃缓存,加载新资源。
具体做法是把资源地址 URL 的修改与文件内容关联起来,也就是说,只有文件内容变化,才会导致相应 URL 的变更,从而实现文件级别的精确缓存控制。什么东西与文件内容相关呢?我们会很自然的联想到利用数据摘要要算法对文件求摘要信息,摘要信息与文件内容一一对应,就有了一种可以精确到单个文件粒度的缓存控制依据了。

以上文章来自 欣才IT学院 www.thinksite.cn 更多信息请联系QQ:1017715299,TEL 13951835965(微信同号)

本文由欣才IT学院整理发布,未经许可,禁止转载。