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

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

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

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

一.图片的优化

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

猜你喜欢

转载自blog.csdn.net/beichen3997/article/details/89634569
今日推荐