前端学习路线《性能网站建设进阶指南》pdf下载

什么是性能黄金法则：

只有10%～20%的最终用户响应时间花在了下载HTML文档上。其余的80%～90%时间花在了下载页面中的所有组件（内容）上。

性能优化的目的是减少80%～90%的最终用户响应时间。

十四条规则

1. 减少 HTTP 请求

2. 使用内容发布网络     

3. 添加Expires 头

   1. 优点： 最大化地利用浏览器缓存

   2. 缺点： 添加Expires 头会带来额外的开发成本

4. 压缩组件，html,js, css, xml, json等

5. 使用LInk标签将样式表放在文档HEAD中

   1. 样式表在页面中的位置，并不影响下载时间，但会影响/阻塞页面呈现

   2. 解决白屏和无样式内容闪烁问题让内容逐步呈现

6. 将脚本放在底部

   1. 不会阻止页面内容呈现，而且页面中的可视组件可以尽早下载

   2. 保证脚本能够按正确顺序执行

   3. 使用延迟脚步，   defer 表示脚本不包含  doucument.write

   4. HTTP1.1规范建议浏览器从每个主机名并行下载两个组件

      1. Firefox 可以在 about:config 页面中的 newwork.http.max-persistent-coonections-per-server 设置来修改默认设置。

      2. 对于 HTTP 1.0 Firfox 的默认值是每个主机并行下载8个组件

      3. 组件可以放到多个主机内来增加并行下载数量

   5. 脚本阻塞下载

      1. 下载脚本时并行下载是被禁用的。

         1. 原因1脚本可能使用 document.write 来修改页面内容，浏览器会等待，以确保页面能够恰当布局

         2. 原因2确保脚本能够按照正确的顺序执行

1. 避免css表达式

   1. 使用一次性表达式，如果表达式被求值一次，那么可以在这次执行中重写自己，移除表达式

   2. 使用事件处理

2. 使用外部javascript 和 css

   1. 主页使用内联

   2. 动态内联

   3. 加载后下载，加载页面后下载脚本

3.  减少DNS查找

   1. 通过使用Keep-Alive 和较少的域名来减少DNS查找

4. 精简JavaScript 

   1. 从代码中移除不必要的字符以减小其大小，进而改善加载时间的实践

   2. 混淆：出来移除注释和空白，同时改写代码。作为改写代码的一部分，函数和变量的名字将被转换为更短的字符串，使代码更精炼也更难阅读

   3. 压缩内联脚本

   4. 精简css

5. 避免重定向

6. 删除重复脚本

7. 配置Etag

8. 使Ajax可缓存

性能网站建设进阶指南(完美书签)

链接：https://pan.baidu.com/s/1gF2J6ijEPSutAVkaE41rEw

提取码：jmsh

复制这段内容后打开百度网盘手机App，操作更方便哦

转载请注明：XAMPP中文组官网 » 前端学习路线《性能网站建设进阶指南》pdf下载