前端性能优化35条规则 yahoo -cookie
前端性能优化35条规则 yahoo -cookie
前端性能优化35条规则 yahoo -cookie

01) 减少Cookie的大小

使用HTTP cookie的原因有多种,例如身份验证和个性化。有关cookie的信息在Web服务器和浏览器之间的HTTP标头中交换。保持Cookie的大小尽可能小很重要,以最大程度地减少对用户响应时间的影响。

有关更多信息,请查看 Tenni Theurer和Patty Chi撰写的“当Cookie崩溃时”。这项研究的主要内容:

  • 消除不必要的Cookie
  • 保持尽可能小的Cookie大小,以最大程度地减少对用户响应时间的影响
  • 请注意在适当的域级别上设置Cookie,以便不影响其他子域
  • 适当设置到期日期。较早的失效日期或没有失效日期会更快地删除Cookie,从而缩短了用户响应时间

02) 静态资源使用无Cookie域名

当浏览器发出静态图像请求并与请求一起发送cookie时,服务器对这些cookie没有任何用处。因此,它们只会无缘无故地创建网络流量。您应确保使用无Cookie的请求来请求静态组件。创建一个子域并在其中托管所有静态组件。

如果您的域是www.example.org,则可以在上托管静态组件static.example.org。但是,如果您已经在顶级域example.org(而不是)上设置了cookie www.example.org,则所有的请求都 static.example.org将包含这些cookie。在这种情况下,您可以购买一个全新的域,在其中托管静态组件,并使该域保持无Cookie状态。雅虎!使用yimg.com,YouTube使用ytimg.com,Amazon使用images-amazon.com等等。

在无cookie的域上托管静态组件的另一个好处是,某些代理可能拒绝缓存cookie所请求的组件。在相关说明中,如果您想在首页上使用example.org还是www.example.org,请考虑Cookie的影响。省略www会让您别无选择,只能将cookie写入`*.example.org`,因此出于性能方面的考虑,最好使用www子域并将cookie写入该子域。

其他:

Yahoo Developer Network

All 总则

一、页面内容

二、服务器

三、Cookie

四、CSS

五、JavaScript

六、图片

七、移动端