HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创


Home » Frontend » Performance » 前端性能优化:Reduce Cookie Size

前端性能优化:Reduce Cookie Size

今天要介绍的YSlow前端性能优化规则是:Reduce Cookie Size(减少Cookie的大小)。

Cookie 简介

由于这里不是科普Cookie的教程,这里只对Cookie做一个非常简单的介绍(想进一步了解Cookie可以查看PPK网站上关于Cookie的文章)。由于HTTP协议是无状态协议,无法记录已经访问的页面的数据的状态。随着Web技术的发展,大家意识到需要使用一种方法让浏览器能够“记住”一些信息,于是便有了Cookie。HTTP Cookie 可以用于各种原因,如身份验证和个性化。YSlow文档对Cookie的介绍十分的简单:

HTTP cookies are used for a variety of reasons such as authentication and personalization. Information about cookies is exchanged in the HTTP headers between web servers and browsers. It’s important to keep the size of cookies as low as possible to minimize the impact on the user’s response time.

Reduce Cookie Size

Cookie 会被存储到header头包信息中,在服务器和浏览器件传递信息。而减少每个请求的Cookie信息的大小,对优化请求加载速度是非常重要的。Tenni Theurer and Patty Chi 发表的《When the Cookie Crumbles》一文介绍了减少Cookie大小的操作原则:

  • Eliminate unnecessary cookies——消除不必要的cookies
  • Keep cookie sizes as low as possible to minimize the impact on the user response time——保持cookie的大小尽可能低,以减少对用户响应时间的影响
  • Be mindful of setting cookies at the appropriate domain level so other sub-domains are not affected——要留意在适当的域级别设置cookie,这样其他子域不受影响
  • Set an Expires date appropriately. An earlier Expires date or none removes the cookie sooner, improving the user response time——设置一个适当的到期日期。尽量短一些的到期时间,还有尽快的删除不用的Coookie信息,减少Cookie大小,加快组件的响应时间。

实际上,在阿里巴巴工作的时候,阿里是不允许前端工程师随意自己创建Cookie的,Cookie有规定的几个值,我们只能将各自的Cookie信息插入其中。为了安全,同时也是为了确保网站Cookie的大小是可以接受的。好了,为了优化前端性能,请记得 Reduce Cookie Size。

声明:本文采用BY-NC-SA协议进行授权。转载请注明转自:前端性能优化:Reduce Cookie Size

« »


电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(Spamcheck Enabled)