资讯专栏INFORMATION COLUMN

web前端性能优化8 缓存

hot_pot_Leo / 2794人阅读

摘要:所以我们就需要浏览器端和服务器端来协商一种通用的缓存方式来帮助我们缓存大规模的文件。告诉浏览器在过期时间前浏览器可以直接从浏览器缓存去数据,而不用从服务器从新去数据第一次请求第二次请求流程图

缓存

在大规模的系统中,我们希望大部分的文件是自动的被缓存而不是手动地用localstorage去缓存。所以我们就需要浏览器端和服务器端来协商一种通用的缓存方式来帮助我们缓存大规模的文件。

1 通过http header来配置缓存策略

Cache-Control(通用首部字段,通用首部字段是指,请求报文和响应报文双方都会使用的首部) HTTP/1.1

max-age

s-maxgae

private

public

no-cache

no-store

Expires (缓存过期时间)

用来指定资源到期时间,是服务器端的具体时间点。

告诉浏览器在过期时间前浏览器可以直接从浏览器缓存去数据,而不用从服务器从新去数据

第一次请求

第二次请求

流程图

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89200.html

相关文章

  • 前端性能优化

    摘要:端优谈谈关于前端的缓存的问题我们都知道对页面进行缓存能够有利于减少请求发送,从而达到对页面的优化。而作为一名有追求的前端,势必要力所能及地优化我们前端页面的性能。这种方式主要解决了浅谈前端中的过早优化问题过早优化是万恶之源。 优化向:单页应用多路由预渲染指南 Ajax 技术的出现,让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容,这就是单页应用。在一个单页应用中,往往只有一...

    Dean 评论0 收藏0
  • WEB前端性能优化常见方法

    摘要:前端是应用服务器处理之前的部分,前端主要包括等各种资源,针对不同的资源有不同的优化方式。常见方法合并多个文件和文件,利用整合图像,使用在实际的页面嵌入图像数据,合理设置缓存等。 web前端是应用服务器处理之前的部分,前端主要包括:HTML,CSS,javascript,image等各种资源,针对不同的资源有不同的优化方式。 内容优化 (1)减少HTTP请求数:这条策略是最重要最有效...

    miracledan 评论0 收藏0
  • 页面性能优化办法有哪些?

    摘要:那我们如何优化页面性能,提高页面加载速度呢这是本文主要要探讨的问题,然而性能优化是个综合性问题,没有标准答案,想要面面俱到罗列出来,并非易事。三利用浏览器缓存对于应用来说,缓存是提升页面性能同时减少服务器压力的利器。 引子 互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载...

    MageekChiu 评论0 收藏0
  • 页面性能优化办法有哪些?

    摘要:那我们如何优化页面性能,提高页面加载速度呢这是本文主要要探讨的问题,然而性能优化是个综合性问题,没有标准答案,想要面面俱到罗列出来,并非易事。三利用浏览器缓存对于应用来说,缓存是提升页面性能同时减少服务器压力的利器。 引子 互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载...

    raoyi 评论0 收藏0
  • 页面性能优化办法有哪些?

    摘要:那我们如何优化页面性能,提高页面加载速度呢这是本文主要要探讨的问题,然而性能优化是个综合性问题,没有标准答案,想要面面俱到罗列出来,并非易事。三利用浏览器缓存对于应用来说,缓存是提升页面性能同时减少服务器压力的利器。 引子 互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载...

    rockswang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<