网页性能优化

2020-04-02 15:24发布

1.减少http请求数,

对于样式表文件和脚本文件,可将多个样式表文件捆绑成一个文件,多个脚本文件捆绑成一个文件

对于图片,可采用雪碧图

 

2.优化DOM结构,删除不必要的DOM

 

3.避免空的图片src,空的图片src仍会使浏览器发送请求到服务器

 

4.不要使用css表达式,

 

5.在头部引入css,会让网页显得加载速度更快,浏览器逐步加载已经下载的网页内容,用户可以先看到已经下载的内容

 

6.正确使用css选择器

  css匹配器的机制是:从右向左进行规制匹配;

  所以要避免通配选择器,单规制的属性选择器,正则的属性选择器以及删除无用的样式。

 

7.使用javascript缓存查询结果