- 生成 Dom tree中:
减少Dom层嵌套
不要使用“非标准”标签
- 生成 CSS tree中:
1> 尽可能不使用
@import
(阻塞GUI渲染)
2> 如果css代码较少,尽可能使用style
内嵌样式,尤其是移动端开发
3> 如果使用link
,尽可能将所有样式资源合并为一个css,减少http请求数量
4> css选择器链短一些,因为css选择器渲染从右到左,减少查询
5> 把link
等导入css的操作放在<header>
中
- js
a. 对于
<script>
尽可能放在页面的底部,防止阻塞GUI进程
b. 数据不需要时及时解除引用
c. 通过const
和let
生命变量,可以更早的让垃圾回收机制进入
d. 避免js"先创建再补充"式的动态属性赋值,在构造函数中一次性声明所有变量
e. 避免内存泄漏(常见的如下):1.意外声明全局变量
2.定时器没有清理
3.闭包造成的内存泄漏