1、减少HTTP请求
1) HTML优化：
使用语义化标签
减少iframe
避免重定向
2) CSS优化：
布局代码写前面
删除空样式
不滥用浮动、字体，需要加载的网络字体根据需求添加
选择器性能优化
避免使用表达式
避免用id写样式
压缩代码
3) JS优化
压缩代码
减少重复代码
4) 图片优化
使用webP
图片合并，CSS sprite技术 – 雪碧图
移动端响应式图片 – @media(max-width:320px){}
2、减少DOM操作
缓存已经访问过的元素
离线更新节点，再将他们添加到树中
避免使用js输出页面布局
3、使用 JSON 格式进行数据交换
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
原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/23186
