要想知道怎么优化,首先要知道则浏览器的主要组件有哪些,其次要知道浏览器的加载原理
具体请去查看我的浏览器分类
现在主要讲解一些优化的方法
一.图片的优化
1.图片的压缩,使用png
2.使用图片的预加载
3.多个小图片的引用可以合并成一个大图片,精灵图的使用
4.src不为空
5.减少对图片宽高的自定义
二.css的优化
1.css进行合并处理,减少多个请求
2.尽量使用link,减少@import
3.使用less,sass
4.对css进行压缩
5.减少无效代码,注意公用样式
三.js的优化
1.js压缩
2.尽量不在head中引用
3.减少无效代码
4.js引用放在body最后
5.减少js对css样式的修改
6.减少真实dom的操作
四.HTML优化
1.尽量减少table的使用
2.尽量使用web语义化标签
五.http请求方面的优化
1.尽量减少http请求
2.和并http请求
3.开启gzip模块,gzip压缩是非常流行的一种数据压缩格式,一般网站启用gzip后,压缩率都会有70%-80%的提升,效果是立竿见影的
六.浏览器优化
1.开启浏览器缓存,缓存css,js,img
2.按需加载,把统计、分享等 js 在页面 onload 后再进行加载,可以提高访问速度;
3.优化 cookie ,减少 cookie 体积;
七.其他优化
1.使用免费 cdn 加载第三方资源
2.使用 cdn 储存静态资源
3.减少重绘和重排
4.按需加载
5.避免重定向
6.减少DNS查找
7.避免CSS表达式
8.添加Expires头
9.使Ajax可缓存