提高浏览器加载速度的几种优化方式

要想知道怎么优化，首先要知道则浏览器的主要组件有哪些，其次要知道浏览器的加载原理

具体请去查看我的浏览器分类

现在主要讲解一些优化的方法

一.图片的优化

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可缓存