浅谈前端性能优化（八）——cookie优化

小灰灰 2022-06-16 05:52 414阅读 0赞

cookie存储在客户端，伴随着HTTP请求在浏览器和服务器之间传递。除了key-value外，cookie还有max-age，path，domain和httponly属性。

httponly属性标识一个客户端JavaScript能否操作该cookie；

max-age属性表示缓存时间，单位为秒；

domain设置可以访问该Cookie的域名；

path设置该domain下可以访问该Cookie的路径，默认为/。

cookie优化方案：

1、去除没有必要的cookie，如果网页不需要cookie就完全禁掉。

2、将cookie的大小减到最小。

由于cookie在访问对应域名下的资源时都会通过HTTP请求发送到服务器，因此，减小cookie的大小，能减小HTTP请求报文的大小，提高响应速度。

3、设置合适的过期时间，较长的过期时间可以提高响应速度。

给cookie添加一个过期时间，则cookie信息将存储到硬盘上，即使浏览器退出Cookie还会存在。只要Cookie未被清除且还在过期时间内，该Cookie就会在访问对应域名时发送给服务器。

4、通过使用不同的domain减少cookie的使用。

cookie在访问对应域名下的资源时都会通过HTTP请求发送到服务器，但在访问一些资源，如js，css和图片时，大多数情况下cookie是多余的，可以使用不同的domain来存储这些静态资源，这样访问这些资源时就不会发送多余的cookie，从而提高响应速度。

发表评论

表情：
评论列表 （有 0 条评论，414人围观）

还没有评论，来说两句吧...

相关阅读

    相关 App性能优化浅谈

    前言 前段时间给公司的小伙伴们进行了关于app性能优化的技术分享，这里我稍微整理一下也给大家分享一下，关于性能优化这个话题很大，涉及面可以很广，也可以很深入，本人能力有限

    曾经终败给现在曾经终败给现在/ 0 赞/ 384 阅读

    相关 浅谈前端性能优化

    1、什么是前端性能优化？ 从用户访问资源到资源完整展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。   2、为什么

    ╰半夏微凉°╰半夏微凉°/ 0 赞/ 362 阅读

    相关 浅谈网站性能之前端性能优化

    > 最近项目慢慢走上正轨，需求趋于平稳，这才想起需要对整站进行性能优化。经过一段时间的学习，结合现在项目的实际性能情况，发现确实有许多地方可以进行优化。于是就开始了我的前端性能

    悠悠悠悠/ 0 赞/ 396 阅读