前端优化_减少http请求

web前端开发技术实验9
web前端开发技术实验7
web前端开发技术习题17答案

为什么要减少http请求?

在一个网页下载的过程中,浏览器会首先下载该页面的html代码,然后再根据获得的html代码去下载其他组件。
这些组件都是通过一个个的http请求来获得的,而http请求应该是前端页面加载过程中花费时间最多的一项。
每一个http请求花费的时间包括:
的时间,
的时间,
的时间,
的时间。
可以看到,每多一个http请求,就会多一部分不必要的开销。
所有作为前端工程师的我们要减少http请求,让每个请求尽可能去传输更多的数据。

怎么减少http请求:

页面上的组件一般包括图片,外部js文件,外部css文件。
1,减少图片的http请求:(css sprite)
这种方法主要适用于网站上有很多小的图标的时候。
每一个图标文件的体积都很小,如果对每个图标都用一个http连接来请求,这个连接在时间的开销上 发送请求,接收数据 所花的时间几乎可以忽略(文件太小……),主要是建立连接,等待响应的时间。
我们可以将小的图标合并成一个大的图片。在显示时,可以通过将图片设置为背景,通过background-position来定位,获得想要的部分。

2,减少外部js文件,外部css文件的http请求:
可以考虑将多个js文件合并在一个js文件里,多个css文件合并成一个css文件。
但是,随着web应用规模的变大,模块化是一种必然的趋势,开发时把所有的内容都写在一个js,css文件里,太不现实了……
所以可以考虑通过一些管理工具,在开发完成后将需要的js模块,css模块合并成一个js文件和css文件,然后发布。

前端开发技术kpi指标
前端开发相关技术
前端开发技术流程图
» 本文来自:前端开发者 » 《前端优化_减少http请求》
» 本文链接地址:https://www.rokub.com/6570.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!