本篇主要介绍关于前端的缓存的技术方案
大家好,我是“以梦为码,码码为生”的雨石【曾以网络浪天涯,今和前端生相惜】。今天,咋们讲一个前端缓存的小故事。 在前端开发的过程中,我们的小伙伴是不是经常和缓存打交道。缓存的合理使用直接影响到网页的性能。可见其重要性。
处理缓存这种问题,咋们见坑填坑,干就完了,分享一些自己这些年的小秘籍。
先来个简单的介绍(来自百度百科): 缓存(cache),原始意义是指访问速度比一般随机存取存储器(RAM)快的一种高速存储器,通常它不像系统主存那样使用DRAM技术,而使用昂贵但较快速的SRAM技术。缓存的设置是所有现代计算机系统发挥高性能的重要因素之一。
其实指的就是访问速度、性能。那么,前端缓存究竟是什么样的,大家知道前端开发脱离不了网络和浏览器,我们可以把前端缓存看作是HTTP缓存和浏览器缓存的结合,他俩之间相铺相成。
HTTP 缓存是产生于客户端与服务器之间通信的一种缓存,利用这一缓存可以提升服务器资源的重复利用率,在有效的时间内不必每次都向服务器请求相同的资源,大大减少服务器的压力;而浏览器缓存则是浏览器提供的一种缓存机制,可以将服务器资源和网页访问产生的临时数据缓存到内存或本地,提升客户端的加载速度
再分,HTTP 缓存按照失效策略划分可以分为:
- 强缓存
- 协商缓存
浏览器缓存按照缓存位置划分可以分为:
- Service Worker Cache
- Memory Cache
- Disk Cache
- Push Cache 再者,还有存储型缓存,如Cookie、Web Storage、IndexedDB...
还有CDN缓存,本质上是服务端的缓存方式,但前端中也会涉及到,比如CDN加载静态文件等。
在前端的发展历程中,曾经出现过很多脍炙人口的大牛技术和框架,有的随着时代的步伐和技术的更新退出与之失之交臂,但前端缓存是一个与网络、浏览器息息相关的技术,相信它,会在前端的历史长河中渊源流淌。
生活中缓存例子:
- 第一次访问网站打开速度会有点慢,再次访问的时候就快了很多;
- 是当登录一个网站后再次访问的时候就已经是登录状态了。这两种常见的场景都与前端缓存息息相关。 本篇就到这里 下回正在更新