前端性能优化实践之 加载和渲染原理(8)

112 阅读1分钟

1、加载和渲染原理 ?

  • 经典问题回顾

image.png

  • 如何比较全面的回答这个问题 ?

image.png

image.png

  • *301*是永久重定向,而*302*是临时重定向

image.png

image.png

  • script 脚本 async defer 区别 ?

     1两个都是异步操作  不会阻塞页面渲染 
     2defer 带有 defer 的脚本总是在 DOM 准备好时执行(但在 DOMContentLoaded 事件之前)
     3async 是独立的 在 DOMContentLoaded 前面执行或者后面执行 不一定
     4细节请查看 https://javascript.info/script-async-defer
         
    
  • 如何告诉浏览器 将一个动画放在单独图层 ? willChange: "transform",

  • 还有一个重要的事情,如何 避免回流和重绘 得补上 ?

  • 还有一个 http/https 相关的内容需要 补充上 ?

2、首屏 加载优化 ?

  • 如何优化 ?

image.png

  • 优化 步骤和思想 ?

image.png

image.png

image.png

3、JS 内存管理 ?

  • 此处 需要补充 JS 如何 查看内存是否 泄漏了 ?

image.png

image.png

image.png

image.png

  • 可以做那些事情 ?

image.png

image.png