什么是Cookie

Cookie可以理解成为浏览器内部存储数据的一个数据库，并会随请求一起被发送；Cookie以键-值对的形式存在。可以存储网站的一些数据，这部分数据不会随着浏览器关闭而被清除。如下图为cnblogs的Cookie的形式。

Cookie有哪些优势和不足

Cookie的优势是全系列浏览器全部支持，而且可以不传递参数的情况下与后台进行数据交互，最典型的例子就是自动登录。

Cookie的不足就很多了

  1. IE老版本浏览器会有50个限制，超出会被新的Cooke替换
  2. 如果域名设置不当，所有请求都会带上Cookie信息，包括图片、css文件等，造成不必要的流量浪费
  3. Cookie的读写性能非常非常的差

有一个小例子来证明上述的观点，点我

  1. 在例子中先点击增加Cookie数据，把Cookie写到浏览器中，再点击获取Cookie数据，数据就会被打印到页面上，我们看下Chrome浏览器和IE6浏览器的差异。可见，Chrome是正常全部取出，IE6的前50个已经被替换了，取值为空。 
  2. 当我把域名设置为：主域名和二级域名时，我们看下静态资源的加载情况

 

  1. 我们看一下Cookie在IE6和Chrome下的读写差别；可见，不论现代浏览器还是老版浏览器，性能都非常差

Cookie的解决方案

  1. 尽量的少使用Cookie，最好能使用变量来替换
  2. 使用LocalStorage存储数据（兼容IE6），点我

前端性能优化-Cookie的更多相关文章

  1. Web前端性能优化教程09：图像和Cookie优化

    本文是Web前端性能优化系列文章中的第九篇,主要讲述内容:图像和Cookie优化.完整教程可查看:  一. 图像优化 图像基础知识 gif: 适用于动画效果,例如提示的滚动条图案 jpg: 是一种使用 ...

  2. 移动H5前端性能优化指南

    移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网 ...

  3. web前端性能优化指南(转)

    web前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络 ...

  4. Wen前端性能优化

    Web前端性能优化 一般说来Web前端指网站业务逻辑之前的部分,包括浏览器加载.网站视图模型.图片服务.CDN服务等.主要优化手段有优化浏览器访问.使用反向代理.CDN等. 一.浏览器访问优化 减少h ...

  5. 移动H5前端性能优化指南(转载)

    移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网 ...

  6. WEB前端性能优化:HTML,CSS,JS和服务器端优化

    对前端开发工程师来说,前端性能优化的重要性是不言而喻的,最为大家所知的是YSLOW的23条优化规则,在我的理解中,性能优化不纯粹是指用户访问网站的速度,也包括开发的效率,这里我总结下我理解中的WEB前 ...

  7. Web前端性能优化的9大问题

    1.请减少HTTP请求基本原理:在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出.一个正常HTTP请求的流程简述:如在浏览器中输入&qu ...

  8. WEB前端性能优化小结

    转:http://www.gafish.net/archives/1514 对前端开发工程师来说,前端性能优化的重要性是不言而喻的,最为大家所知的是YSLOW的23条优化规则,在我的理解中,性能优化不 ...

  9. 阿里巴巴 web前端性能优化进阶路

    Web前端性能优化WPO,相信大多数前端同学都不会陌生,在各自所负责的站点页面中,也都会或多或少的有过一定的技术实践.可以说,这个领域并不缺乏成熟技术理论和技术牛人:例如Yahoo的web站点性能优化 ...

随机推荐

  1. myql 服务启动不了怎么办

    今天,不小心手动将mysql 服务停掉后,怎么也启动不了,后面查了半天 ,终于知道要先将任务管理器里的mysql.exe 先Kill掉,然后可以启动了,记录一下

  2. Python3 中hashlib及uuid的用法

    Python3 中hashlib及uuid的用法: 可以生成随机ID import uuid import hashlib import time def creat_uuid(): return s ...

  3. WGestures鼠标手势快捷手势介绍

    1.官方网站 WGestures 2.快截图 3.自定义快捷键列表

  4. 【51nod1847】奇怪的数学题（Min_25筛+杜教筛）

    题面 传送门 题解 这题有毒--不知为啥的错误调了半天-- 令\(f(i)={sgcd(i)}\),那么容易看出\(f(i)\)就是\(i\)的次大质因子,用\(i\)除以它的最小质因子即可计算 于是 ...

  5. laravel5.2总结--返回值

    基本概念和概述 1>StdClass 对象=>基础的对象 2>Eloquent 模型对象(Model 对象)=>和模型相关的类对象 3>Eloquent 集合=>可 ...

  6. luogu4449 于神之怒加强版(莫比乌斯反演)

    link 给定n,m,k,计算\(\sum_{i=1}^n\sum_{j=1}^m\gcd(i,j)^k\)对1000000007取模的结果 多组数据,T<=2000,1<=N,M,K&l ...

  7. 17.Merge Two Binary Trees（合并两个二叉树）

    Level:   Easy 题目描述: Given two binary trees and imagine that when you put one of them to cover the ot ...

  8. kuangbin专题十二 HDU1078 FatMouse and Cheese ）(dp + dfs 记忆化搜索)

    FatMouse and Cheese Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Othe ...

  9. Hibernate常见报错

    1.A different object with the same identifier value was already associated with the session(使用Hibern ...

  10. WCF的三种模式

    WCF通信的3种模式 1.正常模式:客户端调取接口->等待服务响应->接受响应->执行客户端后面代码(wcf服务有入参,有返回值) 2.数据报模式:客户端调取接口->不等待响应 ...