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

总览

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

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

本书配套实例：点此访问

规则10-精简JavaScript

缩短响应时间

代码示例

精简

去除所有注释、空白（空行、空格、换行、制表符）

混淆

  • 原理：精简 + 改写代码（更改函数、变量名）
  • 缺点：难于调试、本身可能引入错误、有些命名不能改

建议精简而非混淆

在结合了gzip之后，精简和混淆之间的差别将会减小

其它方法

  • 内联JS精简
  • gzip：压缩效果优于精简
  • 精简CSS：
    1. 删除注释、空白
    2. 合并相同类，移除不使用的类(复杂，不建议使用)
    3. 使用缩写（0px->0;#606->#660066）
赏

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

支付宝
微信

扫一扫，分享到微信

微信分享二维码

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

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