前端7-优化

七、优化\

• 你如何对网站的文件和资源进行优化？\

  • 1.文件合并\
  • 2.文件最小化/文件压缩\
  • 3.使用 CDN 托管\
  • 4.缓存的使用\

• 🍗请说出三种减少页面加载时间的方法\

  • 1.使用浏览器缓存\
  • 2.CDN 加载三方库\
  • 3.DNS解析\
  • 4.异步加载 script：在 script 标签里加入 defer、async 属性\
  • 5.按需加载组件\

• 🍗页面级优化（7个)\

  • 1. 减少 HTTP请求数\
  • 2. 将外部脚本置底（将脚本内容在页面信息内容加载后再加载）\
  • 3. 异步执行 inline脚本(其实原理和上面是一样，保证脚本在页面内容后面加载。)\
  • 4. Lazy Load Javascript（只有在需要加载的时候加载，在一般情况下并不加载信息内容。）\
  • 5. 将 CSS放在头部\
  • 6. 异步请求 Callback（就是将一些行为样式提取出来，慢慢的加载信息的内容）\
  • 7. 减少不必要的 HTTP跳转\
  • 8. 避免重复的资源请求\

• 测试代码性能的工具\

  • 1.Lighthouse灯塔性能检测工具（谷歌开发并开源的web性能测试工具）\
  • 2.WebPageTest（在线web性能测试工具www.webpagetest.org）\

• JS延迟加载的方式有哪些？\

  • 1.defer 属性\
  • 2.async 属性\
  • 3.动态创建 DOM 方式\
  • 4.使用jQuery的getScript()方法\
  • 5.使用 setTimeout 延迟方法\
  • 6.让 JS 最后加载，js最后引入\

• 🍗你有哪些性能优化的方法？\

  • 1.资源压缩与合并\
  • 2.非核心代码异步加载\
  • 3.利用浏览器缓存\
  • 4.使用CDN托管\
  • 5.预解析DNS\

• vue项目的优化手法keep-alive\