我们都知道对页面进行缓存能够有利于减少请求发送，从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面，写写交互，就已经很了不起，这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总要有梦想嘛，不然跟一条咸鱼有什么区别。最近我一直在关于前端优化的问题，原来对页面进行有效缓存对于响应速度会大大提高。我也是综合自己看到的几篇
转载
2024-04-29 10:01:04
156阅读
文章目录1.分类2.强缓存2.1 Expires2.2 Cache-Control3.协商缓存4.扩展4.1 缓存失效问题1.分类前端缓存分为强缓存和协商缓存两种
原创
2022-05-26 01:32:16
234阅读
什么是web缓存web缓存主要指的是两部分：浏览器缓存和http缓存。浏览器缓存：比如,localStorage,sessionStorage,cookie等等。这些功能主要用于缓存一些必要的数据，比如用户信息。比如需要携带到后端的参数。亦或者是一些列表数据等等。注意，像localStorage，sessionStorage这种用户缓存数据的功能，他只能保存5M左右的数据，多了不行。cookie则
原创
2022-09-07 21:29:01
302阅读
前端缓存的优势1、可配置需要缓存的资源；2、网络无连接应用仍可用；3、本地读取缓存资源，提升访问速度，增强用户体验；4、减少请求，缓解服务器负担。前端缓存的实现在需要应用缓存在页面的根元素(html)里，添加属性manifest="demo.appcache"。路径为以 .appcache 为后缀的缓存清单文件<!DOCTYPE html>&l...
转载
2022-07-12 17:09:33
69阅读
Nginx缓存简介对于一个含有大量内容的网站来说，随着访问量的增多，对于经常被用户访问的内容，若每一次都要到后端服务器中获取，会给服务器带来巨大压力，为此，利用反向代理服务器对访问频率较多的内容进行缓存，有利于节省后端服务器的资源。Nginx提供了两种Web缓存方式，一种是永久性缓存，另一种是临时性缓存。Web缓存服务器位于内容源Web服务器和客户端之间，当客户端用户访问一个URL时，Web缓存服
转载
2024-02-19 10:43:15
124阅读
1.http缓存机制，浏览器缓存到底是什么？所谓的http缓存，就是浏览器自己给你的一个功能，一个缓存数据库，夹在服务端和客户端中间，你只需要设置一些参数即可实现 缓存/不缓存/时效内缓存/时效外缓存等（默认存在缓存）浏览器缓存分为强缓存和协商缓存，浏览器加载一个页面的简单流程如下：（1）浏览器先根据这个资源的http头信息来判断是否命中强缓存。如果命中则直接加在缓存中的资
转载
2023-08-27 17:20:25
70阅读
这周遇到了一个新需求，产品反馈地图瓦片服务的图片资源没有Http缓存，每次移动地图范围都会向后台发处请求/响应数据，影响了客户端的地图加载体验。所以需要增加这样一种缓存：1）针对同一个请求资源地址URL，首次加载需要缓存数据，后续加载直接读取缓存；2）后台数据发生更新时，需要实时更新缓存； 在完成这个需求之前，我借机补习了一下前端的缓存体系：一 HTTP缓存 提起前端缓存，首先
转载
2024-02-17 13:26:24
17阅读
前端缓存，主要分为两种，HTTP缓存和浏览器缓存。HTTP缓存，主要存在于服务器请求传输时需要记录的一些参数，在服务器代码上设置。浏览器缓存，主要是由前端JS代码主动存储的某些参数。缓存是前端项目性能优化中简单高效的一种方式。优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。例如：前端需要发起一个数据请求，可以分为发起网络请求、后端处理
转载
2023-08-21 16:22:27
106阅读
功能概述：前端项目中有同一接口重复触发的并发现象一些公共数据接口，如用户信息，配置信息等接口需要多次获取首页有大量重复请求影响启动时间适用条件：基本的公共数据和用户信息get类获取数据接口基本原则就是缓存不更新或者更新周期较长的数据大体思路：初次请求时将接口promise缓存到map对象中，map中的key名使用api名+参数拼接；下一次请求到同一key名的接口直接返回缓存中的promise；如果
转载
2024-02-28 22:25:43
34阅读
web缓存主要指的是两部分：浏览器缓存和http缓存。浏览器缓存一般指localStorage，sessionStorage，cookie等，主要用于缓存一些必要数据在客户端，有大小的容量限制。http缓存主要是针对html，css，img等静态资源，常规情况下，我们不太会去缓存一些动态资源，因为缓存动态资源的话，数据的实时性就不能保证，所以我们一般都只会去缓存一些不太容易被改变的静态资源。htt
转载
2024-02-26 14:29:38
50阅读
缓存是前端面试的一个常见知识点，下面对于实际项目中如何进行缓存的设置给出方案。强缓存和协商缓存浏览器缓存是浏览器将用户请求过的静态资源存储到电脑本地磁盘中，当再次访问时，就可以直接从本地缓存中加载而不需要去向服务器请求了。但是缓存也有缺点，如果服务端资源更新了，客户端没有强制刷新的情况下，看到的内容还是旧的。所以，前端需要根据项目中各个资源的实际情况，做出合理的缓存策略。这就出现了强缓存和协商缓存
转载
2024-01-02 12:55:28
306阅读
引子一直以来，前端性能优化 都是前端程序员在业务开发过程中不得不考虑的一个点。前端同学也一直寄希望于服务器更大的吞吐量、更密集的cdn节点；更寄希望于浏览用户使用更优秀的浏览器及更大的带宽。。。然而随着上述几种情况一一被落实时，前端性能仍然没有达到一个让人满意的结果。。。此过程中，前端人就自身情况也进行了多种尝试，其中前端本地缓存可以说是性能优化中简单高效的一种方式，该方式缩短了网页请求资源的时长
转载
2024-07-02 14:50:14
23阅读
什么是前端缓存？基本的网络请求就是三个步骤： 请求，处理，响应。前端缓存主要在“请求”和“响应”中进行。 在请求步骤中， 浏览器也可以通过存储结果的方式直接使用资源，直接省去了发送请求；而相应的步骤需要浏览器和服务器共同配合，通过减少响应内容来缩短传输时间。本文主要包括按存储位置分类（memory cache, disk cache, Service Worker等）按失效策略分类（Cache-C
转载
2024-06-21 21:49:05
43阅读
1 简介前端缓存主要是分为HTTP缓存（强缓存、协商缓存）和浏览器缓存。 其中HTTP缓存是在HTTP请求传输时用到的缓存，主要在服务器上设置；而浏览器缓存主要在前端js进行设置。缓存是性能优化中简单高效的一种方式。它可以缩短请求资源的距离，减少延迟，降低网络负荷。浏览器在向服务器请求资源之前，先查询一下缓存中是否存在需要的资源，如果存在，那优先从缓存中读取。当缓存不存在或过期，再向服务器发送请求
转载
2024-02-19 07:07:32
38阅读
大多数的 MySQL 服务器都开启了查询缓存。这是提高性最有效的方法之 一，而且这是被 MySQL 的数据库引擎处理的。当有很多相同的查询被执行了多次的时候，这些查询结果会被放到一个缓存中，这样，后续的相同的查询就不用操作表而直接访问缓存结果了。 1、查看缓存是否开启show variables like '%query_cache%';have_query_cache：
转载
2023-07-31 19:47:12
47阅读
服务器端的设置mysql优化首先要知道mysql缓存是如何工作以及如何设置，下面是我从别人博客上复制过来了，初学者。mysql每个表都可以表示为磁盘上的一个文件，必须先打开，后读取。为了加快从文件中读取数据的过程，mysqld 对这些打开文件进行了缓存，其最大数目由 /etc/mysqld.conf 中的 table_cache 指定。清单 1 给出了显示与打开表有关的活动的方式。 清单 1.
转载
2023-10-31 17:43:46
27阅读
WebStorageWebStorage的目的是解决通过客户端存储不需要频繁发送回服务器的数据时使用Cookie的问题，把数据保存在本地。Storage类型用于保存键/值对数据，与其他对象一样，增加了以下方法：clear()：删除所有值；getItem()：取得给定name的值；key(index)：取得给定数值位置的值；removeItem()：删除给定name的数据；setItem()：设置给
原创
2022-10-12 23:44:49
893阅读
HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体验，减少网络传输，缓解服务端的压力。这是缓存运作的一个整体流程图：强缓存不需要发送请求到服务端，直接读取浏览器本地缓存，在 Chrome 的 Network 中显示的 HTTP 状态码是 200 ，在 Chrome 中，
原创
2021-07-16 09:47:23
203阅读
当浏览器向CDN节点请求数据时，CDN节点会判断缓存数据是否过期，若缓存数据并没有过期，则直接将缓存数据返回给客户端
原创
2024-08-18 15:16:52
102阅读
缓存含义当用户访问一个网站时，如掘金，会先从网站上将图片和数据加载出来，并缓存到本地，防止再次打开时，再去向服务器获取数据，提高用户使用的感受、优化网页打开速度。缓存作用降低带宽消耗减少服务器请求提高网站性能，优化客户体验缓存位置优先级：service worker > memory cache > disk cache > push cache一般从控制台的size中可以看到文
