减少http请求

相关概念

1、为什么要减少http请求
性能黄金法则 组件花费时间占八九成

2、减少http请求的方式
减少组件的数量,并由此减少http请求的数量

http连接产生的开销
域名解析-TCP连接-发送请求-等待-下载资源-解析时间

疑问?
DNS缓存
Keep-Alive
查找DNS缓存也需要时间,多个缓存就要查找多次,有可能缓存被清除
HTTP1.1协议规定请求只能串行发送

减少http请求的方式

1、图片地图
图片地图允许在一个图片上关联多个URL,目标URL的选择取决于用户点击了图片的哪个位置。map标签

2、CSS Sprites
CSS Sprites中文翻译叫CSS精灵,通过使用合并图片,通过制定的css的background-image和backage-postion来显示元素

性能影响
图片地图和CSS精灵的响应时间基本上相同,但是比使用各自独立图片的方式要快50%

3、合并脚本和样式表适
使用外部的js和css文件引入的方式,因为这要比直接写在页面中性能要更好一点
独立的一个js比用多个js文件组成的页面载入要快38%
把多个脚本合并为一个,多个样式表合并为一个。

4、图片使用Base64编码减少页面请求数
采用Base64的编码方式将图片直接嵌入到页

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容