优化网站性能有很多方法,总体来说,可以几个方面入手:代码优化,利用缓存,减少请求数量等等。
with
语句(会增加作用域链长度)===
做判断(避免变量隐式转换)setTimeout
定时器将耗时长的大任务分割为N个异步任务执行window.requestAnimationFrame()
绘制动画,而不是setInterval()
innerHtml
代替DOM操作,减少DOM操作次数<header>
内,脚本文件放在<body>
末尾<script>
标签)window.onload()
事件触发后再加载data:url
渲染图片Expires
或Cache-Control:max-age
开始强缓存,或者利用Last-Modified/If-Modified-Since
或E-Tag/If-None-Match
开启协商缓存。移动端性能优化
* 使用CSS3动画(transition, 3D transform, canvas),开启硬件加速
* 使用requestAnimationFrame代替setTimeout/setInterval运行动画
* 避免使用CSS3阴影效果(box-shadow, text-shadow)
* 避免使用Web字体(字体文件需要下载,解析,重绘)
注意:1-3都适用手机端优化