面试:前端性能优化1

154 阅读1分钟
  1. 生成 Dom tree中:

减少Dom层嵌套
不要使用“非标准”标签

  1. 生成 CSS tree中:

1> 尽可能不使用 @import (阻塞GUI渲染)
2> 如果css代码较少,尽可能使用style内嵌样式,尤其是移动端开发
3> 如果使用link,尽可能将所有样式资源合并为一个css,减少http请求数量
4> css选择器链短一些,因为css选择器渲染从右到左,减少查询
5> 把link等导入css的操作放在<header>

  1. js

a. 对于<script>尽可能放在页面的底部,防止阻塞GUI进程
b. 数据不需要时及时解除引用
c. 通过constlet生命变量,可以更早的让垃圾回收机制进入
d. 避免js"先创建再补充"式的动态属性赋值,在构造函数中一次性声明所有变量
e. 避免内存泄漏(常见的如下):

1.意外声明全局变量
2.定时器没有清理
3.闭包造成的内存泄漏