主要分为页面级优化和代码级的优化
一、页面级优化:
1.减少http请求数;
2.合理设置http缓存(被缓存的资源返回的状态码是304,只有header没有body,节省了带宽);
3.资源合并了与压缩,尽可能将外部的脚本,样式进行合并,多个合为一个,另外可以通过工具对css,js代码进行压缩;
4.CSS Sprites(雪碧图或精灵图)减少请求;
5.懒加载,加快首屏渲染速度;
6.将外部脚本置底,浏览器并发请求时,外链脚本加载完后会阻塞其他资源(图片等),直到脚本加载完才会开始加载,最简单的方法就是尽量往后放;
7.避免重复请求资源。

二、代码级优化

  1. 尽量减少不必要的DOM操作
    2.考虑浏览器的reflow和repaint(回流和重绘)
    3.减少使用闭包
    4.css 考虑级联选择器的使用