缓存是否可以优化网站加载速度？

本文共计730个文字，预计阅读时间需要3分钟。

缓存PWA实践，背景介绍《前端动画实现与原理分析》一文，我们从Performance入手进行动画性能分析，并依据分析结果优化动画。但前端不仅限于实现流畅的动画，ToB项目也会‘经‘历类似的过程。

缓存&PWA 实践 一、背景

从上一篇《前端动画实现与原理分析》，我们从 Performance 进行动画的性能分析，并根据 Performance 分析来优化动画。但，前端不仅仅是实现流畅的动画。ToB 项目会经常与数据的保存、渲染打交道。例如开发中，为了提高用户体验，遇到了一些场景，其实就是在利用某些手段，来进行性能优化。

• Select 下拉：做前端分页展示 → 避免一次性渲染数据造成浏览器的假死状态；
• indexedDB：存储数据 → 用户下一次进入时，保存上一次编辑的状态 ……

那不免引发思考，我们从缓存与数据存储来思考，该如何优化？

二、 HTTP 缓存

是什么？

Http 缓存其实就是浏览器保存通过 HTTP 获取的所有资源，
是浏览器将网络资源存储在本地的一种行为。