这个问题是我们经常考虑的,可以简单的从两个方面来讲.
资源加载方面我们可以把css写在顶部,js写在底部.
css和js文件进行压缩,多使用less,sass等css预编译处理,尽量使用精灵兔和字体图标.
如果图片非常的多,那就要使用懒加载的方式,总之就是要减少资源的体积,减少资源的请求次数.
代码性能的方面我们可以减少查询层级:比如.header .log要好过.header .log .top
减少查询的范围:比如header>li 要好过.header li
避免tag标签与class并存 删除重复的css
HTML:减少DOM节点,加速页面的渲染,正确的使用闭合标签,比如避免使用<div/>
JS:尽量少用全局变量,避免频繁操作dom节点,减少对象查找,比如a.b.c.d这样是非常消耗性能的.
网友评论