最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

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

XAMPP下载 admin 95浏览 0评论

什么是性能黄金法则:

只有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可缓存

et00070

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

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

提取码:jmsh

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

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