工作中如何优化网站

这个问题是我们经常考虑的,可以简单的从两个方面来讲.

资源加载方面我们可以把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这样是非常消耗性能的.