你做过哪些性能的优化

1、减少HTTP请求

1) HTML优化：

　　使用语义化标签

　　减少iframe

　　避免重定向

2) CSS优化：

　　布局代码写前面

　　删除空样式

　　不滥用浮动、字体，需要加载的网络字体根据需求添加

　　选择器性能优化

　　避免使用表达式

　　避免用id写样式

　　压缩代码

3) JS优化

　　压缩代码

　　减少重复代码

4) 图片优化

　　使用webP

　　图片合并，CSS sprite技术 - 雪碧图

　　移动端响应式图片 - @media(max-width:320px){}

2、减少DOM操作

　　缓存已经访问过的元素

　　离线更新节点，再将他们添加到树中

　　避免使用js输出页面布局

3、使用 JSON 格式进行数据交换

4、使用CDN加速

5、使用HTTP缓存：添加Expires或者Cache-Control信息头

6、使用DNS预解析

　　1) 用meta信息来告知浏览器，当前页面要做DNS预解析：

　　　　<meta http-equiv="x-dns-prefetch-control" content="on" />

　　2) 在页面header中使用link标签来强制对DNS预解析：

　　　　<link rel="dns-prefetch" href="http://bdimg.share.baidu.com" />

 

转载于:https://www.cnblogs.com/sunww/p/11339985.html