高性能网站建设指南-笔记（十二）

总览

本书介绍了提高网站性能的14条规则：

  1. 减少HTTP请求
  2. 使用内容发布网络
  3. 添加Expires头
  4. 压缩组件
  5. 将样式表放在顶部
  6. 将脚本放在底部展示
  7. 避免CSS表达式
  8. 使用外部JavaScript和CSS
  9. 减少DNS查找
  10. 精简JavaScript
  11. 避免重定向
  12. 移除重复脚本
  13. 配置ETag
  14. 使Ajax可缓存

本书配套实例：点此访问

规则13-配置ETag

减少HTTP请求

代码示例

ETag(Entity Tag)

实体标签

缓存过程

  1. Expires头未过期，直接从缓存获取资源
  2. Expires头过期后，发送条件Get，确认缓存的组件是否有效。有效则返回304 Not Modified，无效则返回更新后的组件

确认缓存组件是否有效有两种方式

  • 比较最新修改日期，一致为有效(If-Modified-Since, Last-Modefied)
  • 比较实体标签：实体是对组件的另一种称呼，http1.1中引入，唯一标识了一个组件的一个特定版本的字符串（If-None-Match）

ETag带来的问题

  • 不同后端服务器上返回的同一资源的ETag标签不一致，增加资源开销
  • If-None-Match的优先级高于If-Modified-Since

如果无须自定义ETag，最好不使用ETag。

最佳实践

配置或移除ETag

赏

万水千山总是情 就给一毛行不行

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

爱前端、爱小说、爱音乐、爱产品、爱游泳、爱动漫、爱家务、爱安静、爱萧萧。人生这么短，且行且努力。